css - 負の左の値を持つ CSS の背景位置を表示するにはどうすればよいですか?

Question

私はととととの要素<ul>を持っています。list-style:none;<li>padding:20px;background-image:url(images/bullet.gif) no-repeat -20px 10px;

弾丸は見えません。私が現在使用している回避策は、 background-position と element に対して -20px ではなく 0<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; 
}

Answer 2

この例を試してください：

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