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

您想将 a 添加z-index到您的 hr 中，使其覆盖在顶部，但要使其正常工作，您需要分配 aposition: relative;以使 z-index 工作。

看这个例子

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