具有 z-index 的 div 拒绝放置在另一个 div 之上答案

【问题标题】：div with z-index refuses to be placed on top of another div具有 z-index 的 div 拒绝放置在另一个 div 之上
【发布时间】：2012-04-19 12:49:10
【问题描述】：

我有 3 个 div。一个蓝色的，一个黑色的，一个黄色的。现在我希望将黄色 div 放在黑色 div 的顶部（两者的大小相同）。一些 CSS 和使用 z-index 应该可以解决问题，但它不起作用。

也许有人知道为什么，因为我有点坚持这一点。请参阅我的 Fiddle 以及完整的 html 和 css 代码： http://jsfiddle.net/mauricederegt/xQVYu/

亲切的问候，莫里斯

【问题讨论】：

【解决方案1】：

指定这些元素的位置，使它们重叠：

#s2, #s3 { top: 0; }

【讨论】：

【解决方案2】：

嘿，我想你想要这个

您定义您的 s0 div 相对位置，#s3 定义绝对位置并根据您的布局左侧和顶部进行调整

#s0{
position:relative;
}

#s3{
background: none repeat scroll 0 0 pink;
    left: 125px;
    position: absolute;
    top: 102px;
}

【讨论】：