CSS
安徒生讲评书
这个作者很懒,什么都没留下…
展开
-
element-ui中el-table使用fixed=“right“时固定列左边框消失问题
element-ui中el-table使用fixed="right"时,横向滚动条滚到最右,固定列左边框不显示,加上如下css样式即可解决。原创 2023-07-11 15:49:48 · 1263 阅读 · 2 评论 -
css 自定义radio样式
直接上代码.radio { border-radius: 50%; width: 10px; height: 10px; margin-left: 10vw; background: #3946c5; border: 3px solid #fff; box-shadow: 0 0 0 2px #3946c5;}checkbox同理原创 2022-05-31 16:37:56 · 404 阅读 · 0 评论 -
element-ui 表格el-table滚动条优化
主要是针对有border属性的表格,在显示滚动条时很别扭,做了简单的优化。原表格原创 2021-06-15 09:29:08 · 1167 阅读 · 0 评论 -
css 元素放大,文字抖动模糊
在此记录下遇到的问题。给文字元素添加transform:scale(1.1, 1.1),会出现文字放大时,文字会先变大,后变小的抖动情况,在网上查了资料说开启硬件加速的方式,例如“transform:scale(1.1, 1.1) translateZ(0);”这样修改抖动是解决了,但是又出现了模糊的情况,后来又调查了改成“transform:perspective(1px)scale(1.1, 1.1);”,问题解决。...原创 2020-07-31 09:02:06 · 1924 阅读 · 0 评论 -
ios上z-index样式不生效
用h5在移动端做遮罩式的引导页,但是给元素添加z-index样式时,ios上不生效,不管怎么调整index的值都不行,添加"-webkit-appearance:none"也不行,安卓却正常,查了些资料,找到了原因:只要被添加z-index样式的元素的父元素中有一个父元素带有overflow的样式,z-index就不生效,去掉即可,这好像是css在ios上的bug。...原创 2020-03-10 08:15:51 · 1965 阅读 · 1 评论 -
记录CSS实现半透明圆形镂空遮罩(仅限于一个圆)
实现思路如下:1.在要遮罩的页面上添加一层全透明元素a,覆盖整个页面2.再在a上面画圆b,background设置全透明,用box-shadow设置圆的边框半透明,阴影宽度设置的大一些(>3000px),b的z-index要大于a的,其余样式自定义。同样用边框宽度采用类似方式也可实现;在网上看到有用mask、outline、mix-blend-mode(混合模式)等方式实现的...原创 2020-03-05 16:27:14 · 3885 阅读 · 0 评论