删除两个导航项目之间的阴影

Question

我尝试创建导航菜单，但遇到了一个问题。

所以这是我的HTML：

<div id="navigation"> 
    <ul> 
    <li class="active"><a href="#">fd</a></li> 
    <li><a href="#">vc</a></li> 
    <li><a href="#">ew</a></li> 
    <li><a href="#">ds</a></li> 
    <li><a href="#">vcx</a></li> 
    <li class="active"><a href="#">re</a></li> 
    </ul> 
</div> 

CSS文件是codepen项目，因为它太大了。问题在于两个最近的菜单项，其中一个是活动的，另一个是应用悬停的菜单项。它怎么可能修复它？我的意思是消除它们之间的阴影。

http://cdpn.io/asjde

Answer 1

如果你想在你的导航没有框的阴影简单地从你的CSS删除这一点，它消除了对资产净值的阴影。

box-shadow: inset -4px 0 7px -5px black, inset 4px 0 7px -5px black;