Z-Index不起作用？

2017-02-11 65 views 0 likes

我正在嘗試使用背景圖像，並在頂部使用div。所有的元素都有位置屬性，我目前給出的背景圖像爲50％的不透明度，以便我可以看到它背後。 div'wrapper'的z-index高於圖像，但仍然出現在後面。它也在頁面的底部，我希望它出現在頂部，如果是100％，就有一個高度。Z-Index不起作用？

這是我所看到的當前的圖像：

正如你所看到的股利是背後的形象，只能看到監守圖像不透明度。

任何幫助將不勝感激，謝謝。

2017-02-11 Xander

可能的重複http://stackoverflow.com/questions/5218927/z -index-not-working-with-fixed-positioning – Connum

@Connum我讀過，但所有的div都有position屬性，所以我不認爲這是問題。 – Xander

獲得幫助的第一步是創建[mcve]。現在，您的''標記具有相對路徑，因此不會加載。 –

回答

這是因爲您的＃頁容器的z-index低於圖像，儘管包裝的z-index更高。父容器的Z優先。

簡單地從你的＃頁面中刪除z可能會解決這個問題（沒有小提琴來測試，但很確定）。

此外，你並不需要所有這些東西z。您可以利用元素的正常堆疊順序，將標記中較低的元素堆疊在早期元素的頂部...

2017-02-11 17:53:37 relic

最終修復它感謝ypu，包裝是在頁面內，所以它只是頁面，必須有一個比背景更高的索引。 @遺蹟 – Xander

子元素的z-index值僅在其父元素的範圍內起作用。在這種情況下，#wrapper在#Page之內並且具有相對於#home-bg的z-索引2的-1000的z索引。

2017-02-11 17:52:22 leuquim

相關問題