html - li 悬停在导航菜单上

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/