Descripción
Centrar una imagen de fondo en una página puede parecer algo sencillo pero en realidad hay que tener en cuenta un pequeño detalle.
La etiqueta HTML también es un objeto que el navegador representa gráficamente y por defecto tiene la altura de los elementos de su interior. Para que el navegador calcule el centro vertical correctamente, deberemos fijar la altura del elemento HTML al 100%.
Ejemplo
El efecto se puede observar en el siguiente enlace /TreeWeb/Articulos/HTML-y-CSS/Centrar-imagen-de-fondo-en-una-pagina/centrar_imagen_de_fondo.html
Código
HTML {height:100%;}
BODY {background:
url('http://www.treeweb.es/__archivo__/TreeWeb/Varios/inicio.jpg')
no-repeat
center center; }
Referencias
- Centrar imagen de fondo en una página - http://www.treeweb.es/centrar-un-div-en-una-pagina