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

我没有运气尝试过z-index。此外,菜单按钮和IE7中的第一个选项下还有一些间距。我尚未尝试解决此问题,我主要担心的是使其显示在滑块内容上方。

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

最佳答案

将此添加到您的$(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]-->

09-12 14:00