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;

Кто-нибудь знает, как это сделать?

Ответ 1

Вместо

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

что неверно, используйте

background-repeat: no-repeat;

Ответ 2

body {
    background: url(images/image_name.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Вот хорошее решение, чтобы получить изображение, чтобы охватить всю область веб-приложения совершенно

Ответ 3

Попробуйте это

padding: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:url('images/checked.gif') white no-repeat;

Это полный css.. Почему вы используете padding:0 8px, а затем переопределяете его с помощью paddings? Это то, что вам нужно...

Ответ 4

Это все, что вам нужно:

background-repeat: no-repeat;