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隱藏段落落後其他元素

回答

相關問題