在僞元素上堆疊的div，z-index和box-shadow

由於某些原因，我無法弄清楚爲什麼我試圖在標題元素上應用的box-shadow在Firefox中不能正確呈現。在僞元素上堆疊的div，z-index和box-shadow

陰影工作正常，右側和左側的內容部分，但奇怪的是沒有爲標題元素。

我希望有人能把我放在正確的方向。在此先感謝。

2017-03-25 Mace

更多關於這個問題請 –

我有三個div彼此堆疊和一個盒子陰影應用於：在僞元素之前給它更多的深度和堆疊look.Now由於某種原因，應用於標題的陰影不能正確呈現。這整個事情可能無法正常工作，因爲我使用了幾個Z-index？ @LIJINSAMUEL – Mace

NH3標題正確嗎？ –

首先是you have some critical errors。現在的瀏覽器試圖糾正它們，但結果並不一定是你期望的，因爲它能夠稍微難以發現css錯誤，所以請密切關注正確的代碼驗證。

至於你的問題，這裏的解決方案......

補充一點：

.entry-header { 
    position: relative; 
    z-index: 21; 
}

因爲這個元素應該高於div.page頭圖像單具有ž -index：20。然後刪除的z-index：51財產h1.entry標題，h1.page標題

不要忘了取消註釋h1.entry標題：之前，h1.page標題： in your style.css：124

2017-05-18 07:49:21 Sharak

對不起，很遲纔回復，Sharak。我會盡快檢查你的解決方案。乾杯! – Mace

回答