0

各要素に背景画像を含む簡単なリストがあります。画像はFirefoxで表示されていますが、Chrome（Windows OS）では表示されていません。リストに添付されているスタイルは次のとおりです。

ul li
{
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #777777;
  width: 378px;
  float: left;
  padding-top: 6px;
  padding-right: 0px;
  padding-left: 30px;
  font-size: 12px;
  font-family: Arial,Helvetica,sans-serif;
  color: #575656;
  line-height: 19px;
  background-color: transparent;
  background-image: url("../images/tir.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top 6px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-bottom: 3px;
}

誰かがこれの何が悪いのかを見つけることができますか？

フィドル： http： //jsfiddle.net/kgeDr/

4

1 に答える 1

0

コードは動作しているようです.. http://jsfiddle.net/LZKG6/ (私はUbuntuでChromeを使用しています)

これは間違っているかもしれません:

background-position: left top 6px;

余分な「6px」は無効だと思います。

W3schools は 3 つではなく 2 つの値のみを指定します: http://www.w3schools.com/cssref/pr_background-position.asp

于 2012-12-29T14:39:35.103 に答える