带有背景图像的css，不重复图像

Question

我有一列(假设宽度为 40 像素)并且有一些行。行的高度取决于文本的长度(如果文本很长，则会有一个折线，因此高度会增加)。

现在我想在文本旁边的每一行中显示一个图标，例如向用户显示他已经完成了该选项卡中的某些内容。所以我试图通过仅使用 css 来解决这个问题。因此，如果用户完成一个选项卡，那么我会更改该行的 css。但是，如果不重复图像，我无法向该行添加图像。

我正在使用这个 CSS 代码:

padding: 0 8px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
overflow: hidden;
zoom: 1;
text-align: left;
font-size: 13px;
font-family: "Trebuchet MS",Arial,Sans;
line-height: 24px;
color: black;
border-bottom: solid 1px #BBB;
background-color: white;
background-image: url('images/checked.gif');
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;

有人知道怎么做吗？

Answer 1

代替

background-repeat-x: no-repeat;
background-repeat-y: no-repeat;

这是不正确的，使用

background-repeat: no-repeat;