导航悬停效果掩盖内容中的框阴影

时间:2013-10-13 14:05:40

标签: jquery css navigation css3

我将使用悬停效果进行导航,以掩盖内容中的方框阴影。

这是我的测试地点:

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

这就是我想要的:

enter image description here

如何解决这个问题?

使用CSS还是jQuery?

2 个答案:

答案 0 :(得分: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">

答案 1 :(得分:0)

据我所知,你想在悬停时删除盒子阴影。这是一些代码示例。

li:hover{box-shadow:none;}