: 이후 : z- 인덱스가 작동하지 않습니다.

Question

h2 뒤에 검정색 사각형 (: 애프터)을 넣고 싶지만 z- 인덱스가 작동하지 않습니다. 여기

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

은 (여기에 검은 색 사각형) 문제입니다 :

나는이 HTML

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

코드이 CSS에있는 http://www.robinmastromarino.be/dataviz04/

을 주셔서 감사합니다 당신의 도와주세요!

Answer 1

당신은 의사 소자가 생성하는 등의 새로운 적층 컨텍스트

More info as to why

---

에게 다음 <h2>의 Z- 색인을 제거 <div class="page">에게 상대 위치 및 양 Z- 색인을 제공해야 예 :

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

Answer 2

하위 노드에 상위 노드보다 낮은 z- 인덱스를 부여 할 수 없습니다.