：之後：z-index不起作用

Question

我想將黑色矩形（：after）放在h2之後，但z-index不起作用。

我在HTML

<h2>Ce que tu auras peut-être un jour ou l'autre...</h2> 

這個代碼，這在CSS：

#general .page h2 { 
position: relative; 
text-indent: -9999px; 
width: 718px; 
margin-bottom: 50px; 
height: 116px; 
z-index: 10; 
background: url(img/banniere-hi-04.png); 
} 

#general .page h2:after { 
display: block; 
content: ""; 
position: absolute; 
top: -15px; 
left: 658px; 
width: 544px; 
height: 72px; 
z-index: -1; 
background: black; 
} 

這裏的問題（這裏用黑色矩形）： http://www.robinmastromarino.be/dataviz04/

感謝您幫幫我 ！

Answer 1

你需要給<div class="page">的相對位置和正z指數，然後卸下<h2>的z指數作爲僞元素創建一個新的堆疊內容

More info as to why

---

例如：

http://img831.imageshack.us/img831/7551/92286137.jpg

Answer 2

你不能給一個子節點比它的父節點更低的z索引。