适配ipad端时发现z-index属性在电脑调试生效,而在ipad实机上不生效。
两个盒子一个是侧边栏,一个是底部按钮,二者都是fixed固定定位。需求是侧边栏的层级要高于底部按钮,侧边栏z-index: 999,底部按钮z-index: 2。此时ipad上底部按钮的层级仍会高于侧边栏。
解决方法:在侧边栏加上css代码如下
.sider{
-webkit-transform: translateZ(1px);
-moz-transform: translateZ(1px);
-o-transform: translateZ(1px);
transform: translateZ(1px);
z-index: 999;
}