我对绝对和相对div之间的定位有问题。
这是我的HTML代码:
<ul style="position: absolute; z-index:10">menu</ul>
<div id="box-img" style="position: relative; z-index:9">
<div style="position: absolute"></div>
</div>
UL标签出现在&#34; box-img&#34; DIV,虽然它具有更高的z-index属性。为什么呢?
如果我删除了&#34; box-img&#34;中的相对位置。 DIV然后出现UL标签。
我该如何解决这个问题?
答案 0 :(得分:1)
在IE中,无论何时将位置CSS规则应用于元素,它都会在该元素中生成新的堆叠上下文。这意味着z-index只能在该元素的子元素中得到适当的尊重,而具有较低z索引的其他堆叠上下文中的子元素仍然可以堆叠在上面。