html - 位置のない重複する Div の階層の設定: 絶対

Question

フィドル

divの重複の単純なケース

<div id='first'>
    first
</div>

<div id='second'>
    second
</div>

css:-

#second {
    margin-top: -18px;
    background: #fff;
}

seconddiv が div の上に表示されfirstないようにするにはどうすればよいです#firstか?

div を作成したくありませんposition:absolute。

Answer 1

z-index を使用する必要があります。2 番目のものをより高い z-index にする

Answer 2

Chausser が言ったように、z-index と position:relative; も使用します。

http://jsfiddle.net/xreVf/4/

#second {
  position:relative;
  z-index:2;
}