jquery - ナビゲーションのホバー効果がコンテンツからボックスの影を覆い隠します

Question

コンテンツからボックスの影を隠すために、ホバー効果を使用してナビゲーションを行います。

ここに私のテストサイト：

http://www.behringer-mauch.de/Tischler_Hehmann/index.php

そして、これは私が欲しいものです:

どうすればこれを解決できますか?

CSS または jQuery で?

Answer 1

から box-shadow を削除し、box-shadow を次のよう<div id="content">に変更します。

box-shadow: 0px -7px 16px -6px rgba(70, 48, 25, 0.7), 
            inset 0px -7px 16px -6px rgba(70, 48, 25, 0.7);

に<div id="navigation">

Answer 2

私が理解しているように、ホバー時にボックスシャドウを削除したいと考えています。ここにいくつかのコード例があります。

li:hover{box-shadow:none;}