Configuración de un divs imagen de fondo para ajustar su tamaño?

Tengo un <div> con una Imagen de fondo.

La <div> tamaño puede cambiar en el tiempo.

Es posible que la configuración de los Divs imagen de Fondo para ajustar el <div> tamaño?

Digamos que tengo un div que es 400x400 y una Imagen que es 1000x1000, es posible reducir la imagen a 400x400 y por lo tanto el ajuste de la <div> tamaño?

InformationsquelleAutor kfirba | 2013-03-09

8 Kommentare

  1. 58

    Si quieres usar CSS3, usted puede hacer es muy simple de usar background-size, así:

    background-size: 100%;

    Que es compatible con todos los principales navegadores (incluyendo IE9+). Si a usted le gustaría conseguir trabajo en IE8 y antes, revisa las respuestas a esta pregunta.

    • alguna manera de hacerlo en css 2.1?
    • Creo que IE9+ admite background-size, y estoy seguro de que hay soluciones para que funcione en IE8 y antes si lo necesita 🙂
  2. 6

    Usted puede lograr esto con el telón de fondo de tamaño de la propiedad, que ahora es compatible con la mayoría de navegadores.

    A la escala de la imagen de fondo para que quepa dentro del div:

    background-size: contain;

    A la escala de la imagen de fondo para cubrir la totalidad de la div:

    background-size: cover;
  3. 0

    Conjunto de su css para este

    img {
        max-width:100%,
        max-height100%
    }
    • ese es exactamente el problema, no quiero usar una imagen quiero usar un Div con la imagen BG
    • Ok, pensé que estaba utilizando una imagen dentro de la div. Usted debe utilizar el fondo-el tamaño de la propiedad.
  4. 0

    Quería añadir una solución para IE8 y a continuación (tan bajo como IE5.5 creo), que no puede utilizar background-size

    div{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=
    '/path/to/img.jpg', sizingMethod='scale');
    }

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea