TOP21: IMG Background con CSS

IMG Background con CSS

Para colocar una imagen de fondo, que ocupe todo el ancho y el alto del contenedor, se puede utilizar el siguiente código css:

<style>

#bg{position:fixed; 

 z-index:-1;

 top:0; 

 left:0;

 width:110%;

 height:110%;

}

</style>

<body>

<h3>Prueba CSS+IMG 100% background</h3>

<img id=bg src=http://top21.tk/bg.jpg>


Es conveniente dejar un 110% para evitar que en algunos formatos de pantalla quede espacio. Es una forma simple y sencilla de colocar una imagen como fondo, aunque lo conveniente es utilizar css para lograr degradado, en otra entrada lo comparto.

Para verlo funcionando, copiar el codigo y pegarlo en el EDITOR


Archivo de notas