CSS box-shadow hidden（z-indexは修正されません）
#primaryNav divにボックスシャドウがあります。残念ながら、影は次の#page要素の背景で覆われています/隠されています。
100のz-indexを#primaryNavに設定し、-100のz-indexを#pageに設定しようとしましたが、それで問題が解決しません。
私が間違っていることは何ですか？
#primaryNavの位置を定義する必要があります。 Z-indexは、配置された要素にのみ影響します。私はこれをfirebugに追加して修正しました：
#primaryNav {
position: relative;
}
負のz-indexの使用は避けます。 #pageのz-indexを0に変更するだけです。
Jlegoがすでに述べたように、相対位置はそれを修正する必要があります。ところで、#primaryNavの左右に影がないことを確認することをお勧めします。 #primaryNavの幅は100％であるため、横の影により水平スクロールバーが表示されます。
これを修正するには、overflow:hiddenを#iframeに設定します
私はあなたのサイトを見て、border-bottomプロパティの#primaryNavはあなたの影を覆っています。