jquery - 问题 - Nivoslider 位于 IE7 中的 jquery 下拉列表之上

Question

啊啊啊！我的 jquery 下拉列表和 IE7 中的 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;
}