当悬停与其兄弟元素重叠的<li>时,我怎么能有阴影？

Question

我已将<li>标签设置在列表中,以便在悬停时具有投影.然而,对于除了最后一个之外的所有<li>,阴影被下一个<li>元素部分隐藏.看看我的例子JSFiddle:

- http://jsfiddle.net/Stasonix/B9gn2/

我需要阴影出现在兄弟姐妹<li>的上面,就像最后一个<li>已经做的那样.我怎样才能做到这一点？

Answer 1

你去了:http://jsfiddle.net/B9gn2/1/

<li>相对定位s,当悬停状态为活动时给它们一个z-index为1,不给它时为0.这将阴影叠加在一起.

希望这可以帮助.