隱藏CSS盒子的陰影（z-index不能修復）

我的盒子陰影在我的#primaryNav div上。不幸的是，陰影被以下#page元素的背景覆蓋/隱藏。隱藏CSS盒子的陰影（z-index不能修復）

我試圖設置一個100的z索引到#primaryNav和一個z-index爲-100到#page，但是這並沒有解決我的問題。

任何想法我做錯了什麼？

2011-03-31 Tophers

這個陰影應該在哪裏，在頂部或底部的導航的？ – 2011-03-31 19:27:49

我看了看你的網站，我認爲#primaryNav的border-bottom屬性掩蓋了你的影子。

2011-03-31 19:25:49 njebert

114

您需要定義#primaryNav的位置。 Z索引僅影響定位元素。我只是螢火添加這和它的固定：

#primaryNav { 
    position: relative; 
}

我會避免使用負的z-index。只需將z-index的#page更改爲0.

2011-03-31 21:58:06 biggles

完美。不知道關於z-index和定位元素。非常感謝。 – Tophers 2011-03-31 23:02:13

這是正確的答案。 OP應該將其標記爲 – Mansiemans 2014-02-27 14:10:52

您保存了我的作品。謝謝。 – 2015-02-14 11:24:45

由於jlego已經表示相對位置應該修復它。順便說一下，我會建議確保沒有影子左側或右側的#primaryNav。由於#primaryNav的寬度爲100％，因此側面的陰影會顯示水平滾動條。

爲了解決這個你可以設置一個overflow:hidden到#iframe

2011-03-31 22:14:27 Towa

好的提示 - 謝謝。 – Tophers 2011-03-31 23:02:32

回答