带有绝对定位div的IE显示器

我在IE6 + IE7中显示绝对定位div的显示问题
我试图显示一个下拉菜单。这个下拉菜单是绝对定位的。
现在只要该菜单下面有另一个元素具有position：relative，绝对定位的下拉菜单显示在其后面。这只发生在上面提到的IE7和6中。带有绝对定位div的IE显示器

有关如何解决此问题的任何想法？

来源

2010-08-23 clem

我试图重新创建问题，但我没有得到你描述的结果，我得到了期望的结果。你能提供你使用的代码吗？ – Jasper 2010-08-23 11:43:41

我已经发布了一个简单版本的代码，在这里创建这个问题： http://snipplr.com/view/39433/ie7-positioning-bug/ – clem 2010-08-23 12:17:20

我发现解决方案，如果有人感兴趣。这是IE中的z索引问题。这里有一个关于如何解决它的链接： http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ – clem 2010-08-23 12:44:26

css属性z-index可以让你定义什么对象应该显示在“顶部”。为任务中的所有元素定义z索引（只有下拉应该也可以工作我认为）。（基于提供的代码）

EDIT：

的元件，得到Z-index属性到是“与位置最上面的元素属性的是，重叠的div不的一部分。在方面的。样本，给Z-指数menu_container或将其添加到标题，并给头position: relative（我喜欢选择后者更好，因为它是不太可能你的HTML的未来变化，打破）。

至于解释为什么这个是这样的，在IE6和IE7中，工作如下：目前，absolute_div在menu_container内的所有内容之上，但menu_container位于relative_di之下v，所以absolute_div也是。标题不参与这个故事的原因是，如果没有给出位置属性，则前面显示和后面显示的内容是不同的。

来源

2010-08-23 10:52:13 Jasper

我试图设置z-index，但它在这种情况下不起作用 – clem 2010-08-23 11:00:49

非常感谢您的时间，我也发现了另一种解决方案（请参阅实际问题的评论） – clem 2010-08-23 13:27:48

Erm ..没有。你找到了完全一样的东西。（不同的是，你发现有人发现它没有工作（并找到了解决办法），然后谁只是喊“BUG”，而我逻辑推断发生了什么...... 请注意，你应该仍然接受一个答案 - 如果不是我的（或别人的），那么你应该发布自己的答案并接受。 – Jasper 2010-08-23 14:15:42

带有绝对定位div的IE显示器

回答

相关问题