Html 在a<；上扩展背景图像；李>；

我有一些无序列表，如果光标悬停在li上，它会在li上显示背景图像：

<div class="sidebar">
    <ul>
        <li>test</li>
        <li>test</li>
        <li>test</li>
    </ul>   
</div>

试验
试验
试验

和CSS：

/* I DON'T HAVE STYLE FOR <UL> */
.sidebar li {
    list-style-type: none;
}
.sidebar li:hover {
    list-style-type: none;
    background-repeat: repeat-x;
    background-image: url(../img/mbg.png);
    color:white;
}

/*我没有
*/
.侧边栏李{
列表样式类型：无；
}
.侧边栏李：悬停{
列表样式类型：无；
背景重复：重复-x；
背景图像：url（../img/mbg.png）；
颜色：白色；
}

但它看起来像：

---

我怎样才能使背景达到左边的末端？谢谢

也许你必须这样写：

.sidebar li{
margin:0;
pading-left:10px;
}

那就是工作

---

检查此问题是否与

有关。侧边栏li:hover

---

检查JSFIDLE（相同的css工作正常）

您可以将li和ul样式添加到加载的li样式中，而ul没有样式吗