Skip to main content

Imagen de fondo fija y escalada a la ventana

Si queremos poner como fondo de nuestra página web una imagen que ocupe toda la ventana del navegador, y que esta este fija de modo que no haya barras de desplazamiento, podemos usar las siguientes propiedades CCS3. Por ejemplo al body.

background-image:url(http://url/img.png);

background-repeat: no repeat;
background-attachment: fixed;
background-position: center;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

En navegadores que no sporten CSS3 podría no verse correctamente.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.