2011-11-07 12 views
11

¿Cómo puedo eliminar la imagen de fondo del estilo del elemento? No quiero configurarlo en ninguno o en 0. Quiero eliminarlo por completo. está en conflicto con moz-linear-gradient que se define en otra clase.eliminar la imagen de fondo del estilo

<div style="background-image:url(http://domain.com/1.jpg); width:100px" class="mozgradient"></div> 
+4

Es necesario aclararlo aquí. Eliminarlo 'cómo'? En un editor de texto? A través de CSS? ¿Usando Javascript? –

+0

Elimínelo a través de jQuery o javascript para que div se parezca a '

' – Pinkie

+0

@Pinkie Hasta donde yo sé, cada elemento tiene una imagen de fondo: ninguno; por defecto. Si lo quita con JavaScript, solo lo restablecerá al valor predeterminado ya que no tiene ninguna propiedad anulada. Por lo tanto, desafortunadamente no puedes deshacerte de él. – joshnh

Respuesta

14

Has probado:

$(".mozgradient").css("background", ""); 

Ajuste del fondo a una cadena vacía debe quitar el estilo en línea de tal manera que la configuración de clase y otra de hojas de estilo surtan efecto, pero no debería afectar a otros estilos que se establecieron en línea como width. (En este caso, eliminarlo de todos los elementos con la clase mozgradient previene el conflicto del que está hablando.)

De the jQuery .css() doco:

Ajuste del valor de una propiedad de estilo a una cadena vacía - por ejemplo, $ ('# mydiv'). css ('color', '') - elimina esa propiedad de un elemento si ya se ha aplicado directamente, ya sea en el atributo de estilo HTML, a través del método .css() de jQuery, o mediante direct DOM manipulación de la propiedad de estilo.

+0

¡Esto es interesante! Necesito ir a probar esto. ¡Puede ser un consejo útil! –

+0

nnnnnn - ¡esa es una buena información! Esta última parte de la documentación parece indicar que es exactamente lo que @pinkie está buscando "Sin embargo, no elimina un estilo que se ha aplicado con una regla CSS en una hoja de estilo o un elemento