把<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; 
} 

這工作，但人力資源部署在輪廓邊界之下。我怎樣才能把人力資源放在大綱的前面？

Answer 1

你想添加一個z-index到你的人力資源，所以它覆蓋頂部，但爲了這個工作，你需要爲z-index設置一個position: relative;工作。

See this example

試試這個：

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