我有一个带有插入框阴影的 div，并且该 div 中有我希望阴影显示的链接，但仍然可以点击链接。
这是一个例子：https ://jsfiddle.net/5rsbn927/
<div id="navigation" role="navigation">
<div id="navbar" role="navigation"> <!-- this div has shadow -->
<a href="#" id="link1">Link</a><a href="#" id="link2">Link</a><a href="#" id="link3">Link</a><a href="#" id="link4">Link</a><a href="#" id="link5">Link</a><a href="#" id="link6">Link</a>
</div>
</div>
#navbar div 有阴影，链接都是内联块。
我似乎什么也做不了。z-index（带定位），指针事件，：之前，到目前为止都没有工作。我唯一一次设法让阴影显示在链接上方，它们不可点击。
为了记录，这是它应该看起来的样子；我只想更改背景，但在链接悬停时保持相同的阴影：http: //i.imgur.com/rOe6uH1.png（我也更改了 jsfiddle 中的颜色，以便更容易看到）。
在这一点上，我真的不在乎它是否需要 jQuery 或 box-shadow 以外的其他东西；它只需要看起来正确。