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

有人可以发现这有什么问题吗？

小提琴：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