css con immagine di sfondo senza ripetere l'immagine

Question

Ho una colonna (assumiamo che la larghezza sia 40px) e lì ho alcune righe. L'altezza delle righe dipende dalla lunghezza del testo (se il testo è lungo, allora c'è una linea di separazione e quindi l'altezza aumenta).

Ora voglio visualizzare un'icona in ogni riga accanto al testo per mostrare all'utente che, ad esempio, ha già completato qualcosa in quella scheda. Quindi stavo cercando di risolvere questo usando solo CSS. Quindi se l'utente completa una scheda allora cambio il css di quella riga. Tuttavia, non sono in grado di aggiungere a quella riga un'immagine senza che l'immagine venga ripetuta.

Sto usando questo codice 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; 

Qualcuno sa come fare?

Answer 1

Invece di

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

che non è corretto, utilizzare

background-repeat: no-repeat; 

Answer 2

Questo è tutto ciò che serve:

background-repeat: no-repeat; 

Answer 3

Prova questa

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; 

Questo è css completo .. Perché si usa padding:0 8px, quindi sostituirlo con i paddings? Questo è quello che serve ...

Answer 4

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; 
} 

Ecco una buona soluzione per ottenere la vostra immagine per coprire l'intera area del web app perfettamente