Question

这可能是一个z索引问题，但我在诊断确切问题时遇到了问题。

要查看问题，请访问http://beta.pancreaticcanceraction.org/

将“preview2012”添加到该URL的末尾以访问该网站（我不想将整个链接放下以防被抓取）。

这是我遇到困难的顶级导航。它在Firefox和Chrome上运行良好，但现在在IE9中测试我发现只有子导航的外壳出现。在边界内只有一个空白窗口。

我正在尝试各种各样的事情，但说实话，我是新鲜的想法，需要更多的目光。

Answer 1

您会很高兴知道修复相对简单。只需从position:relative规则中删除z-index和nav，如下所示。不幸的是，IE与position:relative和filter并不匹配。

nav{
    background:#403a76;
    background:-moz-linear-gradient(top,#483a76 0,#594990 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#483a76),color-stop(100%,#594990));
    background:-webkit-linear-gradient(top,#483a76 0,#594990 100%);
    background:-o-linear-gradient(top,#483a76 0,#594990 100%);
    background:-ms-linear-gradient(top,#483a76 0,#594990 100%);
    background:linear-gradient(to bottom,#483a76 0,#594990 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#483a76',endColorstr='#594990',GradientType=0);
    border-bottom:1px solid #393363;
    box-shadow:0 1px 1px #615d8d;
    height:5rem;
    position:relative; /* delete this */
    margin-bottom:0;
    z-index:10 /* delete this */
}

CSS下拉菜单在IE中缺少背景

1 个答案: