当悬停与其兄弟元素重叠的<li>时，我怎么能有阴影？</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。这将阴影叠加在一起。

希望这有帮助。