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

Question

Arrgghhh！我的jquery下拉列表和IE7中的nivoslider一直存在严重问题。出于某种原因，jquery下拉列表位于IE7中的nivoslider后面。它在除IE7之外的所有其他浏览器中都能很好地工作。我知道这是一个z索引问题，但我还没有找到一个好的解决方案。网站www.ecologicalgroup.com。有什么建议吗？

Answer 1

一位名叫vance lucas的web开发人员发布了一篇很棒的帖子，他帮助编写了一个Jquery函数来修复z索引的IE7问题。

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

基本上将其弹出到任何Jquery.js文件中，它会为IE7正确地对Z索引进行优先级排序。

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

Answer 2

尝试给页眉一个相对位置，并将z索引设置为比nivo滑块更高的值。

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