Question

我有一个段落（.about-info p），我试图隐藏在另一个元素（.about-container）后面。我正在尝试对元素进行分层，以便.about-info p显示在.about-container后面，但到目前为止使用z-index已失败。

你能帮我理解为什么吗？ site is here。{{3}}。谢谢你的想法！

<div class="about-info">
   <p>stuff</p>
</div>

<div class="about-container">
   More stuff
</div>

.about-container { z-index:9999; position:relative; }
.about-info { background-color: #d7d7d7; z-index:-700; position:relative; }
.about-info p { z-index: -800; position:relative;}

Answer 1

问题是身体有背景图像而about-container没有！因此它是透明的。所以如果你把背景图像（与身体相同）放到about-container那就应该修复

Answer 2

由于您尚未发布突出显示问题的完整代码，因此我假设您尚未将position:relative或position:absolute添加到.about-info p以生成z-index工作

z-index隐藏其他元素后面的段落

2 个答案: