李挂在导航菜单上

Question

我只是想在那里做一个li：hover函数，在悬停时将一个列表项的背景变为黑色。请在here

查看我的jsFiddle

<div id="sidebar">
<ul class="nav">
    <li id="home">home</li>
    <li id="about">about</li>
    <li id="blog">blog</li>
    <li id="contact">contact</li>
</ul>

Answer 1

给一个

position:relative;
z-index:999;

到.nav元素

http://jsfiddle.net/ATX9f/1/

演示

Answer 2

#sidebar .nav li:hover {
   background: black;
}

Answer 3

您的:before和:after覆盖li，这就是您无法悬停它们的原因。你的悬停代码是正确的。

使用z-index here

修复