我有一个带有插入框阴影的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以外的东西;它只需要看起来正确。
