jquery - 导航悬停效果从内容中掩盖了盒子阴影

Question

我将在我的导航中使用悬停效果来掩盖内容中的框阴影。

这是我的测试站点：

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

这就是我想要的：

如何解决这个问题？

使用 CSS 还是 jQuery？

Answer 1

从您的盒子阴影中删除并将盒子阴影<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;}