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;

我认为额外的＆＃34; 6px＆＃34;无效。

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

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

1 个答案: