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

标签 css internet-explorer-7

我有一个下拉导航栏,当你将鼠标悬停在元素上时,下拉选项出现在 IE7 中,它们隐藏在 slider 后面。

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

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

最佳答案

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

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

为了确保它只在 IE7 上执行,将它添加到 outside 你的 <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]-->

关于css - 在 IE7 中隐藏在内容后面的下拉导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11957470/

相关文章:

javascript - 在页面中加载远程 JavaScript 文件

javascript - IE7 和 setAttribute() 删除类

html - 如何将图像的一部分插入文本框?

html - 在 CSS 代码中添加字体边框

css - compass 、sass、媒体查询。 "767px is not a valid css value"

css - 页面加载后IE7 float 框跳转

css - ASP.NET MVC View 中的 Ghost 自定义 Bootstrap HTML 元素

css - 带滚动条的第二个 div 内的一个 div

jquery - IE7 图像填充

css - IE7 中奇怪的 float 错误