.leftg1{top:0px;position:relative; z-index:1;}.tableindex{z-index:2;position:relative;}leftg1 层是移动层
<div id="a"> <div id="a1" style="position:relative; z-index:2;">A-1 下拉层</div></div><div id="b" ><div id="b1" style="position:relative;z-index:1;">B 上下滚动层</div></div>
不用
XML/HTML code?123456
2个重回的时候就 遮盖了
就像这个页面 产品中心下拉 被左侧遮住了（ie 下遮住了 firefox 没有遮住）
对于IE浏览器的种种毛病我就不多说了，今天就说说在ie下如果设置了position:relative;后z-index就失效的问题，在做前端开发的时候Yovae我就被此问题纠缠过。
IE浏览器对于设置了position的元素会自动生成一个新的stacking context，导致 z-index被重置 为0，所以z-index才失效了。所以我们需要在这个元素的父元素上设置一个更高的z-index值。来消除这个影响。
参考：http://www.yovae.com/blog/ie%E7%9B%B8%E5%AF%B9%E5%AE%9A%E4%BD%8Dz-index%E5%A4%B1%E6%95%88%E9%97%AE%E9%A2%98.html
z-index：1写在html中
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
545
收藏
