Insertar una imagen de fondo al 100 % siempre encontraba sus inconvenientes.
bacground-image nos admitia los repeat, etc, pero no podíamos redimensionarla.
La solución pasaba por incluir la imagen como tal (etiqueta imagen) en body pero ... ignorando la pantalla del usuario, lo que podíamos deformar o corríamos el riesgo de que el alto o el ancho fueran insuficientes.
CSS3 nos da una solución sencilla y fácil de implementar.
Incluya en su CSS la etiqueta:
[CSS]
body {
background: url(URL de la imagen) no-repeat center center fixed;
background-size: cover;
}
[/CSS]
Su imagen completará la pantalla, no se deformará y quedará centrada recortando, si fuere necesario, ancho o alto de forma equitativa en cada lado.
Ver ejemplo AQUI.
Gracias CSS3
Somos transeúntes que aprendemos enseñando lo que sabemos ... y lo que ignoramos.
El mensaje es lo que surge ... y es lo creado.