div與z-索引拒絕放置在另一個div

Question

我有3個div。藍色的，黑色的和黃色的。現在我想把黃色的div放在黑色的頂部（兩者都有相同的尺寸）。一些CSS和使用z-index應該能夠做到這一點，但它並不起作用。

也許有人有一個想法，爲什麼，因爲我有點卡住這一點。請參閱我撥弄完整的HTML和CSS代碼： http://jsfiddle.net/mauricederegt/xQVYu/

親切的問候， 莫里斯

Answer 1

指定這些元素的位置，使它們重疊：

#s2, #s3 { top: 0; } 

Answer 2

嘿，我想你想這個

你定義你的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/