Ayuda: fondo autoajustable a la resolucion del navegador con css

[Net_soul]

que tal amigos

como hacer que el background se autoredimencione a la resolucion del navegador con css ?
actualmente el fondo lo tengo programado en css con las siguientes propiedades:

<style type="text/css">
<--
body
{background: url(imagendefondo.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;}
-->
</style>

cual es la propiedad que debo añadirle a este codigo para que se ajuste a la imagen ?

[Calizman]

Saludos!

Te respondo con un tema de este mismo foro. escalar imagen CSS

Espero te sirva. Hasta Luego!

[Net_soul]

Iniciado por Calizman

Saludos!

Te respondo con un tema de este mismo foro. [URL="http://www.forosdelweb.com/f53/escalar-imagen-ancho-css-779635/"]escalar imagen CSS[/URL]

Espero te sirva. Hasta Luego!

no funciona :(

alguna otra sugerencia ?

[Calizman]

El fondo con CSS no puede hacerse ajustable a una resolución ya que no puedes manipular el tamaño de una imagen como fondo. No existe un background-size o similar, que te permita hacer lo que pides. Por ello la sugerencia que te ponía.

Hasta Luego!

[Null_]

Amigo Calizman, justamente sí existe la propiedad background-size y es de CSS3.
Net_soul, puedes usar background-size: cover, pero adivina quien no lo soporta :P
Se usa de la siguiente forma:

#tucapa {
-moz-background-size:cover;
background-size:cover;
}

Saludos!

[davidbrepe]

yo uso esto a ver si te sirve ;)
esto para el body

Código HTML:

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

y esto para el css

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; }
        }
 

[Calizman]

Iniciado por Null_

Amigo Calizman, justamente sí existe la propiedad background-size y es de CSS3.
Net_soul, puedes usar background-size: cover, pero adivina quien no lo soporta :P
Se usa de la siguiente forma:



Saludos!

Ni lo imaginaba! Gracias por la información Null!!

[Null_]

Iniciado por Calizman

Ni lo imaginaba! Gracias por la información Null!!

De nada, aquí todos aprendemos :D