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

Question

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

Answer 1

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

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滑块的值。

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