0

我只是想让那里有一个 li:hover 函数，它在悬停时将一个列表项的背景变为黑色。请在这里查看我的 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>

4

3 回答 3

1

给一个

position:relative;
z-index:999;

到.nav元素

演示在http://jsfiddle.net/ATX9f/1/

于 2013-05-29T22:20:35.723 回答
0 
#sidebar .nav li:hover {
   background: black;
}
于 2013-05-29T22:18:54.163 回答
0

你的:before和:after正在覆盖lis 这就是为什么你不能悬停它们。您的悬停代码是正确的。

固定z-index 在这里使用

于 2013-05-29T22:20:24.530 回答