Come rimuovo l'immagine di sfondo in css?

Question

Ho una regola generale che fornisce a tutti i DIV un'immagine di sfondo.
Ho un div (con id = 'a') che non voglio che abbia l'immagine di sfondo.
Quale regola CSS devo dargli?

Answer 1

Prova:

div#a { 
    background-image:none 
} 

Answer 2

div#a { 
    background-image: none; 
} 

Answer 3

Does not questo lavoro:

.clear-background{ 
background-image: none; 
} 

potrebbero avere problemi su browser più vecchi ...

Answer 4

div#a { 
    background-image: none !important; 
} 

Anche se il "importante! "potrebbe non essere necessario, perché" div # a "ha un valore più alto specificità rispetto a "div".

Answer 5

Se la regola div è solo div {...}, quindi #a {...} sarà sufficiente. Se è più complicato, è necessario un selettore "più specifico", come definito dallo CSS specification on specificity. (#A essendo più specifico rispetto div è funzione solo singolo nell'algoritmo.)

Answer 6

div#a { 
    background-image: url('../images/spacer.png'); 
    background-image: none !important; 
} 

Utilizzo un elemento spaziatore trasparente in aggiunta alla regola per rimuovere l'immagine di sfondo perché IE6 sembra ignorare il background-image: none pur è contrassegnato con !important.

Answer 7

Poiché in css3 è possibile impostare più immagini di sfondo, l'impostazione "nessuno" creerà solo un nuovo livello e non nasconderà nulla.

http://www.css3.info/preview/multiple-backgrounds/ http://www.w3.org/TR/css3-background/#backgrounds

non ho trovato una soluzione ancora ...

Answer 8

Sostituire la regola che hai con il seguente:

div:not(#a) { // add your bg image here //} 

Answer 9

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff)); 
background-image: -webkit-linear-gradient(center top, #fff 0%, #fff 50%); 
background-image: -moz-linear-gradient(center top, #fff 0%, #fff 50%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); 
background-image: linear-gradient(to bottom, #fff 0%, #fff 50%); 

per browser meno recenti .. se hai definito css in alcuni framewokrk.css come select2.css in IE9 background-image: -webkit-gradient ecc. e lo vuoi tramite un altro .cs s riscrivere con "background-image: none! important" non funziona. Ho usato lo stesso colore per sfumare il colore come il colore di sfondo della pagina.