css
文章平均质量分 59
斤斤丶
不会代码的机械gou
展开
-
overflow:hidden 和 border-radius失效的问题
问题描述: 当父元素存在border-radius 时。父元素的overflow:hidden 在ios端会失效 解决方案: 给父元素增加 transform:rotate(0deg) 更新: 给父元素增加 transform:rotate(0deg) ios上机型会解决此问题,但是部分安卓机型(小米6)仍然失效,因此需要在父元素同时设置transform: rotate(0deg) 或 transform: scale(1) 或 transform:translateZ(0.01px); 可以设置 tra原创 2021-03-08 14:40:40 · 542 阅读 · 0 评论 -
safari浏览器rotate旋转元素导致其他元素穿插
问题描述 使用rotate渲染元素在ios上定位的元素会穿插rotate旋转的元素 问题原因 在safari浏览器下,当我们使用3D transform变换的时候,如果父元素没有overflow:hidden/scroll/auto等限制,则会直接忽略自身和其他元素的z-index层叠顺序设置,而直接使用真实世界的3D视角进行渲染。 解决方法 用魔法打败魔法 用transform z轴变换。添加元素距离。最小距离是 旋转元素的高度*sin(旋转角度) ...原创 2020-11-27 11:22:43 · 668 阅读 · 0 评论 -
css3 Gradient渐变色
。 文章目录简介线性渐变( linear-gradient)径向渐变( radial-gradient)文字颜色渐变应用渐变重复 简介 首先,CSS3通过gradient()函数创建了一个图片,其由两个或者多个颜色的渐变组成。这个方法得到的是一个CSS数据类型的对象,其是 的一种。Gradient地位等价于background-img,也就是说对background-img的所有修饰都能用于gradient。repeat,size,positon……。 而Gradient 又分为 linear-gradi原创 2020-07-23 14:34:15 · 279 阅读 · 0 评论