我通常不会发布到论坛，但我很想知道为什么右侧的红色div（带文字）不会出现在白色导航栏的顶部。它总是出现在它背后。
我玩过位置：使用firebug的物品的相对/绝对，并设置z-index ..然而，它似乎没有区别并将红色div带到前面。我想知道这是因为涉及到javascript吗？
对于导致分层问题的原因和潜在的CSS来解决问题，我们将不胜感激。
答案 0 :(得分：0)
您希望在上方显示的<div>的父元素（ID为＆＃34; MS53c65ec22f27f＆＃34;以及类＆＃34; master-slider＆＃34;）已被赋予{{1}这已将其自身及其子元素设置在白色导航栏下方，其中z-index为1。
因为在导航后面设置了Parent元素，所以无论z-index是什么，父元素中的任何内容都在一个单独的层上。
我不认为用css解决这个问题的简单方法。您需要从父元素中删除z-index，否则为其提供与导航相同或更高的值。
理想情况下，我认为您需要稍微重新订购html。
这是我认为您之后的效果的理想设置。
非常基本的html设置：
z-index这里的CSS只使用<div id="body">
<div id="nav">nav</div>
<div id="slide">
<div id="title"></div>
<div id="image"></div>
</div>
</div>
定位子元素。
z-index这是一个显示一般概念的小提琴：http://jsfiddle.net/Vcb2N/1/
由于#body{
height:300px;
width:100%;
}
#nav{
background-color:#eee;
height:30px;
width:100%;
z-index:1;
position:absolute;
top:0;
left:0;
}
#slide{
background-color:#ccc;
height:100%;
width:100%;
}
#title{
background-color:#900;
height:80px;
width:80px;
position:absolute;
top:0;
right:30px;
z-index:2;
}
#image{
background-color:#999;
height:100%;
width:100%;
z-index:0;
}
元素没有给出z-index，因此子元素与#slide元素保持在同一层中。
答案 1 :(得分：0)
我遇到了同样的问题。我通过查看幻灯片的可见性来解决这个问题。 解决方案是设置z-index＆gt; = 1并将visibility css属性设置为visible。
row="10"