带有z-index的div拒绝放在另一个div的顶部

时间:2012-04-18 22:46:41

标签: css html z-index

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

也许有人知道为什么,因为我有点坚持这个。请使用完整的html和css代码查看我的小提琴: http://jsfiddle.net/mauricederegt/xQVYu/

亲切的问候, 莫里斯

2 个答案:

答案 0 :(得分:2)

指定这些元素的位置以使它们重叠:

#s2, #s3 { top: 0; }

答案 1 :(得分:1)

嘿,我想你想要这个

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

#s0{
position:relative;
}

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

现场演示http://jsfiddle.net/rohitazad/xQVYu/4/