dedecms 安防监控行业网站模板,濮阳新闻综合频道回看,苏州手机社区网站建设,加盟的网站建设现象如下#xff1a; 其实下拉列表已经设置了z-index: 但是为什么z-index没有生效呢。
后来发现原来它的父级元素使用了transform进行垂直方向居中 网上查询了相关资料#xff0c;说: tranform由于会构造一个新的context层, 然后这个层的z轴优先级会最低巴拉巴拉的#xff…现象如下 其实下拉列表已经设置了z-index: 但是为什么z-index没有生效呢。
后来发现原来它的父级元素使用了transform进行垂直方向居中 网上查询了相关资料说: tranform由于会构造一个新的context层, 然后这个层的z轴优先级会最低巴拉巴拉的什么的解决办法是通过设置transform-style:preserve-3d; 和transform:translateZ(xx值);
我试过了没有作用。
然后看到一篇文章说给被遮挡元素的外层容器也就是父级容器加上z-index就可以解决。
https://segmentfault.com/q/1010000002480824 然后试了一下果然解决了。 总结解决transform带来的z-index失效问题的办法是给被遮挡元素的父级加上z-index属性
