Hola, muchos de nosotros hemos hablado sobre este asunto de poner un fondo de imagen fija para nuestra web.
Si recordáis, no éramos capaces de insertar una imagen JPG en condiciones y sin que ese fondo se repitiera como si fuera un mosaico y además que se comportara de una manera fija y llenando la pantalla de cualquier tipo de monitor. Bien, pues lo he conseguido, he modificado el código que me he encontrado por la web añadiendo un par de líneas y funciona perfectamente.
Este es el código:
<style type= "text/css">
html {
background: url(index_htm_files/fondo.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
Si os fijáis, he metido la imagen JPG que quiero como fondo dentro de la carpeta index_htm_file y la he llamado fondo.jpg, podéis cambiarle el nombre por supuesto.
La forma de meter ese código es el mismo de siempre.
Creamos un cuadrado en cualquier sitio de nuestra página.y lo remplazamos con ese código en el marcador de lugar (head). Así de simple.
Al quedarse estático ese fondo, cuando giramos la rueda del ratón y mantenemos pulsada la tecla Ctrl y alejamos o acercamos nuestra página el fondo sigue estático.
Ya no hace falta meter a nuestro fondo una trama, o un color liso.
A partir de ahora podremos hacer páginas algo más vistosas con el fondo que queramos con el código que os dejo.
Probadlo y me contáis.
Un saludo a todos.
Toño.