Internet explorer Z索引或溢出问题，在css菜单上，在IE 9中具有渐变背景

IE在尝试显示

css时的另一个问题是：在菜单容器上使用渐变背景时，将
和
悬停在
菜单上

悬停li在使用渐变bg时被截断，并且在没有渐变bg的情况下正确显示

它与铬和FF配合使用效果很好



带有渐变的源代码（如果没有渐变，您只需删除.bg类）

HTML

任何人都可以帮助我如何使用IE？
没有人找到解决方案？；-）

这个问题是通过使用z-index属性来解决的

这太疯狂了，但在这种情况下，我不知道为什么，如果有人能找到一个好的理由，让我知道


线路改变了

.header {position:fixed;width:100%;left:0px;height:110px;}

很抱歉Internet Explorer 9是否需要固定标题？是的，它需要固定，但无所谓，固定或绝对问题反正都是一样的：-（实际上，如果我从标题中删除固定位置，问题对我来说就消失了。不是对我来说…但无论如何，标题必须是固定位置。哈！刚刚发现并打算发布：）但我不知道为什么。此外，将菜单上的
position:relative
更改为
position:fixed
会显示菜单，但不能选择标题外的菜单项。可能是同一个问题…我都快疯了！因为我需要固定的位置。当你需要让它们在每个浏览器上都工作时，一切都是如此复杂。而当你把它们也用于手机时，它就更复杂了<代码>位置：固定的
不适用于iPhone和iPad，例如。。。
.header {position:fixed;top:0px;right:0px;left:0px;z-index:10;height:110px;}
.bg {background-image: -moz-linear-gradient(top, #CCCCCC, #888888);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#888888));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCCCCC,endColorstr=#888888);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCCCCC,endColorstr=#888888);    
}

#menu {width:960px;z-index:20;position:relative;height:40px;}
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
background:#009966;
 float:left;
 padding:0;
 margin-right:1px;
}
#menu li a {
font-size:16px;display:block;width:191px;line-height:40px;color:#FFF;text-decoration:none;
 }
#menu li:hover{background:#FF6600;}
#menu ul li ul {display:none;}
#menu ul li:hover ul {display:block;}
#menu li:hover ul li {float:none;margin:0;padding-bottom:0px;}
#menu li ul li a  {text-align:left;text-indent:10px;font-size:12px;background:none;color:#000;}
#menu li ul li a:hover {}

.header {position:fixed;width:100%;left:0px;height:110px;}