Background-size 100% ne fonctionne pas avec IE8 et IE7

J'ai un div vide qui contient une image de fond qui est plus grande que la taille du conteneur. - Je résoudre ce problème un par background-image propriété avec la valeur (de 100% à 100%). C'est bien jusqu'à ce que vous ouvrez l'exemple dans IE8 et IE7. Toutes les solutions pour que, même d'un script javascript ou jquery plugin?

je.e: http://jsbin.com/imirer/1/edit

je.e: http://jsfiddle.net/bPTzE/

HTML:

<div class="container">
    <div class="background"></div>
</div>

CSS:

.container {
    /* an example width for responsive perpose */
    width: 500px;
}

.background {
    height: 27px;
    background: url("http://s18.postimage.org/jhbol7zu1/image.png") no-repeat scroll 100% 100% transparent;

    /* not working in IE8 and IE7 */
    background-size: 100% 100%;
}
En arrière-plan, la taille de la propriété n'est pas pris en charge par IE7-8, voir : caniuse.com/background-img-opts
Je pense que c'est le même problème : stackoverflow.com/questions/2991623/...
Pourquoi utilisez-vous des div à l'intérieur de la div pour définir un arrière-plan? Espérons que vous le savez, il n'a pas de sens, afin que jamais?
j'ai fait le div conteneur juste pour un exemple d'un petit appareil MarcinWolny
je sais que c'est pas pris en charge darma, mais j'ai besoin de quelques JS solution pour que

OriginalL'auteur elkebirmed | 2013-02-05

  1. 2

    depuis le fond de taille est CSS3 spécifique qui n'est pas pris en charge-à-dire que vous avez à faire quelque chose comme cela pour qu'il fonctionne dans IE

    définir votre code html et le corps à

    html {overflow-y:hidden}
body {overflow-y:auto}

    envelopper l'image que vous voulez fullscreened avec un div #page-fond

    #page-background {position:absolute; z-index:-1}

    puis mettez ceci dans votre fichier html

    <div id="page-background">
  <img src="/path/to/your/image" width="100%" height="100%">
</div>

    ** vous devez utiliser une sorte de reset pour supprimer les marges externes et internes, quelque chose comme cela

    html, body {height:100%; margin:0; padding:0;}
    pouvez-vous modifier pour mes classes. je suis confus!
    modifié répondre
    non arrière-plan solution, à la noisette, c'est une belle façon de passer le

    OriginalL'auteur Rais Alam

  2. 1

    fond de taille non pris en charge par ie7 et ie8.

    la façon alternative, vous pouvez utiliser les mettre " tag " dans la balise div et ajouter la largeur de 100%. Il est plein évolutive.

    essayez ce code:

    <div class="container">
    <img src="http://s18.postimage.org/jhbol7zu1/image.png" width="100%" />
</div>

    ou

    html:

    <div class="container">
    <img src="http://s18.postimage.org/jhbol7zu1/image.png" />
</div>

    css:

    .container img {
     width:100%
 }
    pouvez-vous reexplain que dans plus de détails?
    ce n'est pas un arrière-plan, mais je vais l'utiliser. merci

    OriginalL'auteur Jamir Khan