css - 如何使具有负左值的CSS背景位置可见？

Question

我有一个带有and和and的<ul>元素。list-style:none;<li>padding:20px;background-image:url(images/bullet.gif) no-repeat -20px 10px;

子弹不可见。我现在使用的解决方法是 0 而不是 -20px 用于 background-position 和<li>element position:relative;padding-left:20px;margin-left:-20px;。

有没有更好的方法来做到这一点？

编辑：我需要子弹在<ul>盒子外面。这就是使用负边距的原因。

谢谢你。

Answer 1

试试这个例子：

http://jsfiddle.net/sC8BR/2/

Answer 2

这是一个jsfiddle示例。http://jsfiddle.net/jesseatkinson/z2qss/。你的 CSS 应该是这样的。

ul li {
    background: url(../bullet.gif) left center no-repeat transparent;
    padding-left: 40px;
    list-style: none; 
}