css - 置く
アウトラインの前に

Question

次の属性を持つコンテンツ div があります。

   { max-width: 1200px;
     margin: 0 auto;
     border: 3px solid #808080;
     outline: 10px solid #E3E3E3;
     background-color: #FFF;
  }

この div には、左の境界線を覆う hr があります。

<div id="headerhr" class="stretchRight"><hr color="#921E27" style="height: 1px;"></div>

#headerhr {
margin: 0 0 0 -50px;
}

これは機能しますが、hr はアウトラインの境界線の下にあります。hr をアウトラインの前 (上) に配置するにはどうすればよいですか?

score 2 · Accepted Answer

hrに a を追加しz-indexて、オーバーレイが一番上になるようにしたいのですが、これが機能するposition: relative;には、z-index が機能するように a を割り当てる必要があります。

この例を参照してください

#headerhr {
    margin: 0 0 0 -50px;
    z-index: 999;
    position: relative;
}