css - 如何使具有负左值的 CSS background-position 可见？

Question

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

元素符号不可见。 我现在使用的解决方法是 0 而不是背景位置的 -20px 和 <li>元素 position:relative;padding-left:20px;margin-left:-20px; .

有更好的方法吗？

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

谢谢。

Answer 1

这是一个 jsfiddle 示例。 http://jsfiddle.net/jesseatkinson/z2qss/ . 您的 CSS 应如下所示。

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