css与背景图像不重复图像

前端之家收集整理的这篇文章主要介绍了css与背景图像不重复图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个列(让我们假设宽度是40px),那里我有一些行。行的高度取决于文本的长度(如果文本很长,那么有一个断点线,因此高度增加)。

现在我想在文本旁边的每行中显示一个图标,以显示用户,例如他已经在该选项卡中完成了某些操作。所以我试图通过仅使用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;

有谁知道如何做到这一点?

解决方法

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

这是不正确的,使用

background-repeat: no-repeat;

猜你在找的CSS相关文章