隐藏在IE7内容后面的下拉导航栏

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

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

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

来源

2012-08-14 Brett

的链接是一个文件夹 - 没有索引。 – Chris 2012-08-14 17:22:06

你确定？适用于我...索引应该是index.php – Brett 2012-08-14 17:23:54

尝试在jsfiddle.net上复制您的问题。我没有IE7，所以我不能以这种方式帮助你。 – Cthulhu 2012-08-14 17:26:08

添加到您的$(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-14 17:54:59 Chris

您能否给我一个添加它的地方的例子？我不是一个大的JS人。 – Brett 2012-08-14 18:03:12

@Brett在你的索引页面的第30-31行（不知道原始PHP源代码中的那一行），你有：

我解决了这个问题recently here，所以这里都修复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-14 18:14:43 Stano

是的，我在发布我的邮件之前看到了您的帖子，但无法使其正常工作。我也使用了reset.css，甚至尝试在li类上直接使用margin/padding，但它不起作用，所以不知道为什么我会得到间距。 IE很有趣:) – Brett 2012-08-14 18:23:02

隐藏在IE7内容后面的下拉导航栏

回答

相关问题