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

Question

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

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

亲切的问候，莫里斯

score 2 · Accepted Answer

2

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

#s2, #s3 { top: 0; }

于 2012-04-18T22:51:13.737 回答

score 1 · Accepted Answer

嘿，我想你想要这个

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

#s0{
position:relative;
}

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

2 回答 2