z-index将段落隐藏在其他元素之后

Question

我有一个段落（ .about-info p ）试图隐藏在另一个元素（ .about-container ）后面。 我正在尝试对元素进行分层，以使.about-info p出现在.about-container后面，但是到目前为止，使用z-index都没有成功。

你能帮我理解为什么吗？ 该站点在这里 。 感谢您的想法！

<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

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