como poner una imagen de fondo en html5?

[whitescene]

hola banda del foro, solo una pregunta, me gustaría saber como poner una imegen de fondo de pantalla , claro ya se como ponerla pero la pregunta seria poner la imagen y que se ajuste a la pantalla del explorador algo asi como aki www.danielmurillo.com.mx pero me gustaria saber como se hace en html5 lo que quiero es que se ajuste no le hace que se deforme un poco , porque eso de estar con las diferentes resoluciones es un infierno, bueno saludos y espero y respondan pronro

[zerokilled]

buenas...

el ejemplo que estas observando esta hecho con flash. en html no se puede hacer. con css3 lo puedes hacer pero no todos los navegadores tienen soporte para dicha version. en css2.1 no hay ninguna propiedad para hacer lo mismo.

[davidbrepe]

bueno lo que si que puedes hacer es poner una imagen y redimensionarla con css

Código HTML:

<img src="imagen.jpg" class="bg" />
 

Código CSS:

img.bg {
            /* Establezca reglas para el relleno de fondo */
            min-height: 100%;
            min-width: 100%;
            
            /* Establecer la escala proporcional */
            width: 100%;
            height: 120%;
            
            /* Establecer posicion */
            position: fixed;
            top: 0;
            left: 0;
        }
        
        @media screen and (max-width: 1024px){
            img.bg {
                left: 50%;
                margin-left: -512px; }
        }