css - z-indexを持つdivは、別のdivの上に配置することを拒否します

Question

私は3つのdivを持っています。青いもの、黒いもの、黄色いもの。ここで、黄色のdivを黒いdivの上に配置します（どちらも同じサイズです）。一部のCSSとz-indexを使用するとうまくいくはずですが、機能しません。

私はこれに少し立ち往生しているので、おそらく誰かが理由を知っています。完全なhtmlおよびcssコードを含む私のフィドルを参照してください：http： //jsfiddle.net/mauricederegt/xQVYu/

よろしく、モーリス

Answer 1

これらの要素が重なるように、これらの要素の位置を指定します。

#s2, #s3 { top: 0; }

Answer 2

ねえ、私はあなたがこれが欲しいと思います

相対的なs0div位置を定義し、＃s3は絶対位置を定義し、左右のレイアウトに従って調整します

#s0{
position:relative;
}

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

ライブデモhttp://jsfiddle.net/rohitazad/xQVYu/4/