Как удалить фоновое изображение в CSS?

У меня есть общее правило, которое дает всем DIV фоновое изображение.
У меня есть один div (с id = 'a'), который не должен иметь фоновое изображение.
Какое правило css я должен дать ему?

Пытаться:

div#a {
    background-image:none
}

div#a {
    background-image: none;
}

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

Хотя "! Important" может не понадобиться, потому что "div # a" имеет более высокую специфичность, чем просто "div".

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

Я использую прозрачное изображение-разделитель в дополнение к правилу для удаления фонового изображения, потому что IE6, похоже, игнорирует, background-image: noneдаже если он отмечен !important.

Поскольку в css3 можно установить несколько фоновых изображений, установка «none» только создаст новый слой и ничего не скроет.

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

Пока не нашел решения ...

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

для старых браузеров ... если вы определили css в каком-то framewokrk.css, например select2.css в IE9 background-image: -webkit-gradient и т. д., и вы хотите его через другой .css перезаписать с "background-image: none! important" не работает. Я использовал тот же цвет для цветового градиента, что и цвет фона страницы.

Когда background-image: none !important;не действуют. Ты можешь использовать:

background-size: 0 !important;

Если ваше правило div справедливо div {...}, этого #a {...}будет достаточно. Если это более сложно, вам понадобится «более конкретный» селектор, как определено спецификацией CSS для специфичности . (#a более конкретный, чем div, это всего лишь один аспект в алгоритме.)

Не работает:

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

Могут возникнуть проблемы в старых браузерах ...

Замените имеющееся у вас правило следующим:

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