0

我有一个下拉导航栏，当您将鼠标悬停在项目上时，下拉选项出现在IE7它们隐藏在滑块后面。

我试过z-index没有运气。此外，菜单按钮和IE7中的第一个选项下也有一些间距。我还没有尝试解决这个问题，我主要关心的是让它显示在滑块内容之上。

你可以在这里看到它：http: //www.condorstudios.com/stuff/temp/index.php

4

2 回答 2

2

将此添加到您的$(document).ready()处理程序：

var zi = 1000;
$('*').each( function() {
    $(this).css('zIndex', zi);
    zi -= 10;
});

为了确保这仅在 IE7 上执行，请将其添加到您的标签之外，但在：<script><head>

<!--[if IE 7]>
<script type="text/javascript">
    $(document).ready(function() {
        var zi = 1000;
        $('*').each( function() {
            $(this).css('zIndex', zi);
             zi -= 10;
        });
    });
</script>
<![endif]-->
于 2012-08-14T17:54:59.830 回答
0

我最近在这里解决了同样的问题，所以这里有两个针对 IE7 的修复：

CSS：

/* show menu above content */
#nav li {
    display: block;
    position: relative;
    z-index: 1;         // force IE to recognize stack at this point
}

/* normalize layout, IE7 not makes this automatically */
body,ul,li {
    margin:0;
    padding:0;
}
于 2012-08-14T18:14:43.253 回答