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

试试这个例子：

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; 
}