刪除兩個導航項目之間的陰影

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;