css - タブが正しく機能していないドロップシャドウ

Question

私はここにリストされているソリューションを実装しようとしています：

CSS3ボックスの作成-1つを除くすべての側面に影を付ける

私はその人のコードを使用してこのjsfiddleを作成し、overflow：hiddenを#navに追加しました。あなたはここでそれを見ることができます：

http://jsfiddle.net/eeTUJ/

まだ欠けているのは、水色の背景のコンテンツの影です。メインコンテンツの影を表示する方法を知っている人はいますか...？

ありがとう

Answer 1

タブのアクティブ状態とホバー状態に、＃content_over_shadowよりも高いz-indexを追加します。追加した：

z-index: 20;

• http://jsfiddle.net/eeTUJ/2/