【问题标题】：put <hr> in front of outline把 <hr> 放在大纲前面
【发布时间】：2013-08-30 11:10:46
【问题描述】：

我有一个内容 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 放在大纲前面（上方）？

【问题讨论】：

标签： css outline

【解决方案1】：

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

See this example

试试这个：

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

【讨论】：