iOS⼿机定位层级问题
iOS⼿机定位层级问题
现象
在iOS⼿机app内或者Safari浏览器中定位的元素设置很⾼的层级eg:9999, 想实现的最上层的效果，例如代码：
<div >
absolute relative<div class="top">
<div></div>
</div>
<div class="bottom">
<div></div>
</div>
</div>
此时你的预料效果是bottom元素在top元素上⾯，因为按理说⾮static的定位⽐较的是同级的层级⼤⼩（⼦元素⽐较层级先⽐较⽗元素层级⼤⼩），所以会出现预料的效果，然⽽在iOS上却不是的。
解决办法，增加z-index,⽰例代码如下：
<div >
<div class="top">
<div></div>
</div>
<div class="bottom">
<div></div>
</div>
</div>
来源
问题发现于公司开源的UI框架，在内部使⽤时发现轮播图插件下⽅对应轮播索引的按钮没有显⽰。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。