问题 - Nivoslider 位于 IE7 中的 jquery 下拉列表顶部

Question

啊啊啊！我在 IE7 中的 jquery 下拉菜单和 nivoslider 遇到了严重的问题。由于某种原因，jquery 下拉菜单位于 IE7 中的 nivoslider 后面。它在除 IE7 之外的所有其他浏览器中都运行良好。我知道这是一个 z-index 问题，但我还没有找到一个好的解决方案。 网站 - www.ecologicalgroup.com。有什么建议吗？

Answer 1

一位名叫 vance lucas 的 Web 开发人员发表了一篇很棒的文章，他帮助编写了一个 Jquery 函数来修复 IE7 的 z-index 问题。

http://www.vancelucas.com/blog/ Fixing-ie7-z-index-issues-with-jquery/

基本上会将其弹出到您的任何 Jquery .js 文件中，并且它会为 IE7 正确确定 Z-index 的优先级。

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

Answer 2

尝试给你的标题一个相对位置并将 z-index 设置为比 nivo-slider 更高的值。

#header{
    position: relative;
    z-index: 1000;
}