Jquery z索引在淡入淡出过渡期间不工作，在过渡完成后解析

我正在淡入淡出一些列表项，以使用以下代码创建一个新闻摘要

jQuery：

$(function () {
var list_slideshow = $("#ticker"),
    listItems = list_slideshow.children('li'),
    listLen = listItems.length,
    i = 0,
    changeList = function () {

        listItems.eq(i).fadeOut(600, function () {
            i += 1;
            if (i === listLen) {
                i = 0;
            }
            listItems.eq(i).fadeIn(600);
        });
    };
listItems.not(':first').hide();
setInterval(changeList, 8000);
});

CSS:

这一切都很好，直到我打开它上面的下拉菜单，然后当前的li列表项显示在菜单上方（而不是UL背景），只有在fadeIn淡出过渡期间。转换解决后，列表项将返回到正确的z索引，直到下一个淡出淡出开始

我已经检查了导航上的z-index，所有设置都为z-index 9999，它与屏幕上的任何其他内容都没有问题

关于如何在这些列表项转换时将其保留在导航后面，有什么想法吗

非常感谢

更新：这里有一个JSFIDLE

我发布了解决方案：

CSS

.ticker-wrap {
    background-color: #ccc;
    position:relative;
    z-index : 1;
}

.nav-wrap{
    z-index : 2;
}

ul#ticker {
    font-size: 1.2em;
    padding: .43em;
}

ul#ticker li {
    color: #fff;
}

---

这是jsFiddle。有点乱，因为它没有样式。当我添加

位置时：相对；z指数：1在
.ticker wrap
上，只需添加
z-index:2在您的
.nav wrap
上，它可以工作不？非常感谢！工作，不知道我怎么会错过。通过你的帖子。谢谢
.ticker-wrap {
    background-color: #ccc;
    position:relative;
    z-index : 1;
}

.nav-wrap{
    z-index : 2;
}

ul#ticker {
    font-size: 1.2em;
    padding: .43em;
}

ul#ticker li {
    color: #fff;
}