绝对和相对div之间的Z-index(所有浏览器)

时间:2014-07-07 18:34:41

标签: html css

我对绝对和相对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标签。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

在IE中,无论何时将位置CSS规则应用于元素,它都会在该元素中生成新的堆叠上下文。这意味着z-index只能在该元素的子元素中得到适当的尊重,而具有较低z索引的其他堆叠上下文中的子元素仍然可以堆叠在上面。

见这里:http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html