Buenas! estoy intentado poner un fondo de pantalla, pero quiero que quede como esta web:
Que cuando haces control+ruletaarriba o ruletaabajo, la web en si se hace pequeña, pero el fondo no se cambia de tamaño.
Gracias!
Buenas! estoy intentado poner un fondo de pantalla, pero quiero que quede como esta web:
Que cuando haces control+ruletaarriba o ruletaabajo, la web en si se hace pequeña, pero el fondo no se cambia de tamaño.
Gracias!
#1 la imagen solo cambia si modificas el alto (prueba a redimensionar la ventana) de la ventana
#2 Gracias por tu respuesta, pero perdona mi ignorancia por que no sé como hacer lo que me pides xD
#3 pues abres la web con una ventana del navegador (firefox, chrome o el que sea), que no esté maximizada y haces la ventana más pequeña pero solo de altura
#4 o no te estás enterando tu o no me estoy enterando yo.
Creo que quiere tener el background fijo, aunque hagas zoom a la página que la imagen se mantenga en el mismo tamaño siempre.
#5 ??? lo que hace es adaptar la imagen al tamaño de la ventana, según su altura. De ahí que cuando hagas zoom se redimensione (pega un salto) para "mantener el tamaño".
De hecho imagino lo hará con javascript :/
Edit: ahora que lo pienso creo que se puede hacer con un height:100% para la imagen
#8 tiene que ver con el tamaño de la ventana pero oye que si no quieres ayuda busca por google
" no tiene nada que ver con navegador, es una propiedad del backgruound de CSS"
Ea, después de eso ya te puedes ir a dormir.
#10 pues para que veas cual es su comportamiento. Los css son hojas que marcan como se va a comportar el estilo en el navegador. Simple y llanamente. Esa prueba empírica te da datos suficientes para que empieces a buscar por google, que no es tan dificil, algun manual de css.
#11 Si vale, si eso ya lo había probado, creía que me lo decías para que ya se pusiera en mi web y me he quedado loquísimo Oo.
Buscaré por google otra vez, abrí el tema aquí para que la web tuviera mas contenido y para ahorrarme tiempo por que estaba volviéndome loco
#12 no no, realmente no se como lo hace, pero tiene que ver con algo de eso xD
<div >
<img src="http://dygz78ls5cy51.cloudfront.net/f0e49430e2254c0d9ab740c894d434ba" style=" height: 100%; position:fixed;margin:0;float:left;" >
</img>
</div>
Tiene un funcionamiento parecido
Solucionado, con
body{ margin: 0; padding: 0;
background: #0079e2 url(../images/bg1.jpg); center center fixed no-repeat;
-moz-background-size: cover;
background-size: cover;
}
ya no se mueve!
Gracias #13 por la ayuda.
#14 Esto... dos center center fixed? Si esas 3 opciones son de la misma propiedad css creo...
background: url(../images/bg1.jpg) center fixed no-repeat;
Y que son los e2 y tal?