带有绝对定位div的IE显示

Question

我在IE6 + IE7中有一个绝对定位的div显示问题

我正在尝试显示下拉菜单。此下拉菜单位于绝对位置。

现在，只要这个菜单下面有另一个具有position: relative的元素，绝对位置下拉菜单就会显示在它后面。如上所述，这只发生在IE7和6中。

有什么办法解决这个问题吗？

Answer 1

css属性z-index允许您定义应该在“顶部”显示什么对象。为quest中的所有元素定义z索引(我认为只有下拉列表也可以)。

编辑(基于提供的代码)：

要赋予z索引属性的元素是“具有位置属性的最上面的元素，重叠的div不是它的一部分。根据您的示例，将z索引赋予menu_container或将其添加到header并赋予header position: relative (我更喜欢后一种选择，因为它不太可能破坏您的html的未来更改)。”

至于为什么会这样的解释，在IE6和IE7中是这样的:目前absolute_div高于menu_container内部的所有东西，但menu_container低于relative_div，所以absolute_div也是如此。header不参与这个故事的原因是，如果没有给定position属性，则前面显示的内容和后面显示的内容的计算方式不同。