方法1：
父级，任意父级，非body级别，设置overflow:hidden可恢复和其他浏览器一样的渲染。
方法2：
以毒攻毒。有时候，页面复杂，我们不能给父级设置overflow:hidden，怎么办呢？
杨过的情花剧毒怎么解的？断肠草啊，另一种剧毒。这里也是类似。既然“穿越”的渲染问题是由3D transform变换产生的，那么，要解决此问题，我们也可以使用3D transform变换。
所以，我们要想让红色条子覆盖在图片上，只要设置一个足够大的translateZ值就可以，如100px：
.bar {
position: fixed;
z-index: 99;
/* 以毒攻毒 */
transform: translateZ(100px);
}
膜拜张大神https://www.zhangxinxu.com/wordpress/2016/08/safari-3d-transform-z-index/
方法1：父级，任意父级，非body级别，设置overflow:hidden可恢复和其他浏览器一样的渲染。 方法2：...
元素的层级 z-index:设置层级 如果没有开启定位的元素或者是定位为默认值，会忽略z-index的声明父元素的...
元素的层级 z-index:设置层级 如果没有开启定位的元素或者是定位为默认值，会忽略z-index的声明父元素的...
z-index 如果没有开启定位的元素或者是定位为默认值，会忽略z-index的声明 父元素的层级再怎么高也不会盖...
z-index 如果没有开启定位的元素或者是定位为默认值，会忽略z-index的声明 父元素的层级再怎么高也不会盖...
z-index 如果没有开启定位的元素或者是定位为默认值，会忽略z-index的声明 父元素的层级再怎么高也不会盖...
z-index 如果没有开启定位的元素或者是定位为默认值，会忽略z-index的声明 父元素的层级再怎么高也不会盖...
z-index 如果没有开启定位的元素或者是定位为默认值，会忽略z-index的声明父元素的层级再怎么高也不会盖住...
z-index 如果没有开启定位的元素或者是定位为默认值，会忽略z-index的声明 父元素的层级再怎么高也不会盖...
z-index 如果没有开启定位的元素或者是定位为默认值,会忽略z-index的声明 2.父元素的层级再怎么高也不...
本文标题：Safari 3D变换会忽略z-index问题解决
本文链接：https://www.haomeiwen.com/subject/pouxyftx.html
网友评论