Arka plan resmini css'de nasıl kaldırabilirim?

Tüm DIV'lere arka plan görüntüsü veren genel bir kuralım var.
Ben arka plan görüntüsü olmasını istemiyorum bir div (id = 'a' ile) var.
Hangi css kuralını vermeliyim?

Deneyin:

div#a {
    background-image:none
}

div#a {
    background-image: none;
}

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

"! İmportant" gerekli olmasa da, "div # a" sadece "div" dan daha yüksek bir özgüllüğe sahiptir.

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

IE6 background-image: noneişaretlenmiş olsa bile yok sayılıyor gibi görünüyor çünkü arka plan görüntüsünü kaldırmak için kurala ek olarak şeffaf bir boşluk görüntü kullanın !important.

Css3'te birden fazla arka plan görüntüsü ayarlanabileceğinden, "none" ayarı yalnızca yeni bir katman oluşturur ve hiçbir şeyi gizlemez.

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

Henüz bir çözüm bulamadım ...

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%);

eski tarayıcılar için .. IE9 background-image: -webkit-gradient vb. gibi select2.css gibi bazı framewokrk.css dosyasında css tanımladıysanız ve başka bir .css ile yeniden yazmak istiyorsanız "background-image: none! important" işe yaramaz. Degrade renk sayfa arka plan rengi gibi renk için kullandım.

Div kuralınız adil ise div {...}, o #a {...}zaman yeterli olacaktır. Daha karmaşıksa, özgüllük üzerine CSS spesifikasyonu ile tanımlandığı gibi "daha spesifik" bir seçiciye ihtiyacınız vardır . (#a, div'den daha spesifik olmak algoritmadaki tek özelliktir.)

Ne zaman background-image: none !important;etkisi yok. Kullanabilirsiniz:

background-size: 0 !important;

Bu işe yaramıyor:

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

Eski tarayıcılarda sorun olabilir ...

Sahip olduğunuz kuralı aşağıdakilerle değiştirin:

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