¿Cómo elimino la imagen de fondo en css?

192

Tengo una regla general que le da a todos los DIV una imagen de fondo.
Tengo un div (con id = 'a') que no quiero que tenga la imagen de fondo.
¿Qué regla css tengo que darle?

html css

— Itay Moav -Malimovka
fuente

342

Tratar:

div#a {
    background-image:none
}

— AnthonyWJones
fuente

13

Solo úsalo #a {}. No use tipos de elementos en selectores a menos que sea necesario .

— Jezen Thomas

3

"Evitar selectores ancestrales innecesarios es útil por razones de rendimiento". Realmente no es un problema cuando no eres Google.

— Davor

Recomendación del W3C sobre los selectores CSS 3> Cálculo de la especificidad de un selector w3.org/TR/css3-selectors/#specificity

— TarranJones

34

div#a {
    background-image: none;
}

— Ruud
fuente

30

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

Aunque "! Important" podría no ser necesario, porque "div # a" tiene una especificidad más alta que simplemente "div".

— M4N
fuente

La parte! Importante no es necesaria ya que la declaración con #a es más precisa que una declaración de div y, por lo tanto, esta regla se aplicará en lugar de la regla general de div.

— Ruud

1

Encontré! Importante ser necesario en Chrome

— dlchambers

17

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

Utilizo una imagen espaciadora transparente además de la regla para eliminar la imagen de fondo porque IE6 parece ignorarla background-image: noneaunque esté marcada !important.

— MatthewPearson
fuente

66

A quién le importa IE6 en estos días.

— Rob W

-1 Tu respuesta es incorrecta. Comencé IE6, y el background-image:none;(con ot sin !important) funciona a la perfección.

— Rob W

8

En realidad, me importa: uno de mis clientes tiene un entorno de red aislado con algún software específico que no se ha actualizado. IE6 es lo que tienen que usar. Triste pero cierto :(

— Russ Clarke

55

Tener un voto positivo para mitigar el voto negativo de Rob W. Fue bastante grosero de su parte votar por la compatibilidad con versiones anteriores que ni siquiera es un truco, independientemente de si podría reproducirlo o no

— Kavi Siegel

8

Dado que en css3 se pueden configurar múltiples imágenes de fondo, la opción "ninguna" solo creará una nueva capa y no ocultará nada.

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

Todavía no he encontrado una solución ...

— Soy yo
fuente

Creo "antecedentes: ninguno"; anulará

— circusdei

2

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

para navegadores antiguos ... si ha definido css en algún framewokrk.css como select2.css en IE9 background-image: -webkit-gradient, etc. y lo desea a través de otro .css reescriba con "background-image: none! important" no funciona. Utilicé el mismo color para degradar el color como el color de fondo de la página.

— buTs
fuente

1

Si su regla div es justa div {...}, entonces #a {...}será suficiente. Si es más complicado, necesita un selector "más específico", tal como lo define la especificación CSS sobre especificidad . (#a ser más específico que div es solo un aspecto único en el algoritmo).

— Sólo en el amor
fuente

1

Cuando background-image: none !important;no tiene efecto. Puedes usar:

background-size: 0 !important;

— Michał Szymański
fuente

0

¿Esto no funciona?

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

Podría tener problemas en navegadores antiguos ...

— Ben Hall
fuente

0

Reemplace la regla que tiene con lo siguiente:

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

— circusdei
fuente