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

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

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

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

来源

2014-02-12 Nick B

请你也可以把你的代码放在这里 – Pete

不需要它来得到答案。但提供反正坚持 –

问题是，身体有背景图像和about-container不！因此它是透明的。所以如果你把about-container的背景图像（与主体相同），它应该是固定的

来源

2014-02-12 08:54:36 user2211216

是的！谢谢！ –

因为你还没有发布完整的代码高亮的问题，我会假设你已经没有添加position:relative或position:absolute到.about-info p使z-index的工作。

来源

2014-02-12 08:51:01 SaturnsEye

谢谢，但我做到了。我可以复制和粘贴代码，但它在线，提供上下文以及 –

如果你可以发布css为'.about-info p'和'.about-container'，那么这将有助于 – SaturnsEye

Yeh上面的其他人看起来在它两秒钟，并有答案。有时候链接和萤火虫是真正理解问题的最简单方法。但是，感谢忙碌的工作 –

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

回答

相关问题