如何使一個相對定位的div的跨度重疊邊界的邊界？

Question

我想一個導航元素中創建使用跨度元件導航標籤如下：

<nav><span>span</span></nav> 
<div id=relative>div</div> 

此導航選項卡被直接放置在包含的主要內容一個div上方。 div被賦予一個相對位置，以便其中的元素（未顯示）可以完全相對於它定位。爲簡單起見，下面顯示了相關的CSS：

span { 
    border: black solid 10px; 
} 
div { 
    border: orange solid 10px; 
} 
#relative { 
    position: relative; 
} 

在jsFiddle演示顯示了跨邊界的頂格重疊的邊界時，前者是從靜態位置改變到的相對位置。我試圖通過給定高Z指數來扭轉它，但無濟於事。任何人都可以向我展示一種解決方案，它不涉及引入新元素或更改當前元素的顯示屬性？

Answer 1

這是你在找什麼？

span { 
    border: black solid 10px; 
    z-index: 5; 
    position: relative; 
} 

http://jsfiddle.net/3aexj/3/

，因爲它是被選定的答案，我想我會多添一點：

如果不改變元素的z-index的，它會基於頁面中元素的順序。

負利潤率仍將保持要素下下面的一個。

「好吧，讓我們給跨度的z-index，然後
- 去爲它
- 它不工作！」。

都能跟得上！
爲了能夠改變一個元素的z-index的，它需要有比「靜態」以外的位置值。