把<hr />放在大纲前面

Question

我有一个内容div，它具有以下属性：

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

在这个div中，我有一个覆盖左边界的小时：

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

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

这样可行，但hr位于轮廓边框下方。我怎样才能将hr放在轮廓的前面？

Answer 1

您希望在您的人力资源中添加z-index，以便将其覆盖在最重要的位置，但要实现此目的，您需要为z-index分配position: relative;才能正常工作。

See this example

试试这个：

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