Jquery 使用滑块模块的z索引

我通常不会在论坛上发帖，但我很想知道为什么右边的红色div和文本不会出现在白色导航栏的顶部。它总是出现在它的后面

我使用firebug在项目上使用了position:relative/absolute，并设置了z索引。。然而，这似乎没有什么区别，它把红色的div带到了前面。我想知道这是否是因为涉及javascript

如果您能就导致分层问题的原因以及解决该问题的潜在CSS提供一些指导，我们将不胜感激

URL

要在上面显示的id为MS53c65ec22f27f且类主滑块的父元素的z索引为0。它将自身及其子元素设置在白色导航栏下方，该导航栏的z索引为1

因为父元素设置在导航后面，所以父元素中的任何内容都位于单独的层上，而不管z索引是什么

我认为没有一种简单的方法可以用css解决这个问题。您需要从父元素中删除z索引，或者为其指定与导航相同或更高的值

理想情况下，我认为您需要稍微重新排序html

这是一个理想的设置效果，我想你的追求

非常基本的html设置：

<div id="body">
    <div id="nav">nav</div>
    <div id="slide">
        <div id="title"></div>
        <div id="image"></div>
    </div>
</div>

这是一把小提琴，展示了它的总体思想：

---

因为幻灯片元素没有给出z索引，所以子元素与导航元素保留在同一层中。

我也遇到了同样的问题。我通过观察幻灯片上的点是如何可见的来解决这个问题。 解决方案是将z索引设置为>=1，并将visibility css属性设置为visible

element {
    z-index: 1;
    visibility: visible;
}

---

我通常不会在论坛上发帖，在我找到StackOverflow之前我也是这样。这不是一个论坛…这是一个问答网站。你问问题并得到答案。论坛邀请讨论，我们不邀请。希望我的回答能有所帮助。如果您有任何问题，请告诉我。是的，我想可能是这样。不幸的是，slider插件在该位置输出图像和滑块，我只能在其周围插入代码。如果我破解了这个插件，我将来将失去更新它的能力。我希望能用CSS解决这个问题，如果代码有点长的话。@AdamKwiatkowski-hmmm，我想这可能是你的问题。我想你可能会被这个问题困扰。等我有机会再看一眼。

element {
    z-index: 1;
    visibility: visible;
}