Quitar imagen de fondo cuando el navegador se escale

[ceaped]

Hola Alexis88
mmm...asi no se puede pues como la imagen se carga con jquery no la puedo ocultar con:

Código CSS:

body {
    background-image: none;
    background-color: #cccccc;
}
 

Mira como logre eliminar la imagen de fondo cuando el navegador es pequeño (responsive)

Así se carga la imagen:

Código Javascript:

<script>
$.backstretch(["images/fondo.jpg"]);
</script>
 

y de esta manera lo oculto:

Código Javascript:

<script type="text/javascript">
    if( $( document ).width() <= 480 ){
    jQuery('.backstretch').hide();
    
    } else if( $( document ).width() >= 680 ){
    jQuery('.backstretch').show();  
 
    }
</script>
 

Gracias por tu ayuda