html - 列表元素的背景图片不会在 Chrome 中显示

Question

我有一个简单的列表，每个元素都有一个背景图像。该图像在 Firefox 中显示，但在 Chrome(Windows 操作系统)中没有显示。这些是附加到列表的样式:

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

有人能看出这有什么问题吗？

fiddle :http://jsfiddle.net/kgeDr/

Answer 1

代码似乎有效.. http://jsfiddle.net/LZKG6/(我在 Ubuntu 中使用 Chrome)

可能这是错误的:

background-position: left top 6px;

我认为额外的“6px”是无效的。

W3schools 只指定了 2 个值，而不是 3 个: http://www.w3schools.com/cssref/pr_background-position.asp