Question

我尝试使用css属性 z-index 将 h1 元素置于 div 元素上方，但它无效！

这是我的html：

<div id="header">
<div id="headerblock">
</div>
<h1>This is my header text</h1>
</div>

#headerblock有黑色表面，包括一些透明度。我希望h1出现在#headerblock之上。正如我所提到的，z-index属性不起作用。有人有解决方案吗？或者至少是它无法正常工作的原因？

感谢。

Answer 1

h1上有一个position。

h1 {
    position:relative;
    z-index: 500;
}