我有一个列(让我们假设宽度是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;