固定标头中的绝对定位下拉列表在IE 7,8中不起作用

Question

我有一个layout that works，我想添加将标题修复到顶部的功能。当我添加以下内容来修复标题时，我的下拉菜单在IE 7＆amp; 8。

div#top {
    position:fixed;
    top:0;
    right:0;
    left:0;
}

我尝试在下拉列表的所有父元素上设置更高的z-index，但这些元素不起作用。它显示在Firefox，Chrome和Safari只是没有IE 7和8，没有尝试过IE9。我有一个小提琴，你可以看到结果。

http://jsfiddle.net/tDhBq/

http://jsfiddle.net/tDhBq/embedded/result/全屏

Answer 1

好的，我花了一段时间才发现问题。在我的原始帖子中，我没有显示所有代码。在我div#top的样式中，我遗漏了z-index属性。从z-index删除div#top属性修复了IE8中的问题，但问题仍然存在于IE7中。删除我用于设置filter:progid:DXImageTransform.Microsoft.gradient渐变的div#top修复了IE7中的问题。不确定为什么渐变导致position: fixed而不是position: static的问题。

Answer 2

我的菜单position:fixed和来自twitter bootstrap的position:absolute的下拉菜单遇到了同样的问题。

似乎在IE7-9中，菜单上的属性filter:progid:DXImageTransform.Microsoft.gradient正在将菜单缩小为height:auto。所以我看不到像你这样的下拉菜单。

我删除了它，现在工作正常！