今天遇到一个内容重叠问题
- 需要将A内容部分覆盖在B内容上;
- 一切就绪后给A内容和B内容分别设置z-index;
- A内容
z-index: 92;
,B内容z-index: 90;
- Android和浏览器模拟器上显示都正常;
- iOS 手机上显示B内容覆盖在A上面;
- 检查原因:
// 发现父级上元素上有这样的样式 -webkit-overflow-scrolling: touch;
- 解决方案:
-webkit-overflow-scrolling: unset;
z-index: 92;
,B内容 z-index: 90;
// 发现父级上元素上有这样的样式
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: unset;
本文标题:iOS中,z-index失效
本文链接:https://www.haomeiwen.com/subject/ouwjgktx.html
网友评论