[SOLUCIONADO] img fondo responsive que no este fija

[gusanosxr]

tengo una imagen de 1600px largo X 3000px alto, obviamente sobrepasa la pantalla de mi notebook y quiero ponerla de fondo en mi web

mi css es

Código CSS:

body {
    
    background: url(../images/fondo.jpg) no-repeat center center ;
 
    -webkit-background-size: cover;         
 
    -moz-background-size: cover;         
 
    -o-background-size: cover;         
 
    background-size: cover; 
 
    text-align: center;
 
    margin: 0 auto;
    
    max-height: 3000px;
 
    min-height: 3000px;  
 
}
 

pero nada, tengo puesto bootstrap 2.1 y jquery...

pero no se me ocurre nada, si alguien me puede ayudar

he visto mucho por internet, pero nada me funciona

[pzin]

No entiendo qué quieres hacer, o qué problema tienes exactamente.

[gusanosxr]

que la imagen cubra todo el fondo, lo hace, pero como es más grande queda cortada, la idea es que se adapte al tamaño de la pantalla siempre...con cover funciona perfecto, pero siempre y cuando la deje con fixed

http://www.inspiratedigital.cl/inspirat

ahí puedes ver el problema :)

[pzin]

Claro, así es como funciona cover; ajusta el ancho o el alto, y el otro lo recorta. Luego está contain, que hace lo mismo pero al revés, en lugar de recortar te quedará un hueco sin imagen. Ambas opciones no deforman la imagen. ¿No te importa deformar la imagen? Entonces usa 100% como valor.

Cuando publiques código, usa la opción highlight.

[gusanosxr]

si, tienes razón, la imagen se deforma, gracias por la aclaración amigo, encontré un plugin de jquery llamado backstretch muy bueno

http://srobbin.com/jquery-plugins/backstretch/

pd: siempre uso el highlight , sólo que estaba medio dormido cuando hice este post, muchas gracias :)