我想将黑色矩形（：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/
感谢您的帮助！
答案 0 :(得分：3)
您需要给<div class="page">一个相对位置和一个正z-index，然后删除<h2>上的z-index，因为伪元素会创建一个新的堆叠上下文
示例：
答案 1 :(得分：1)
您不能为子节点提供比其父节点更低的z-index。
