Les Media queries et les images d'arrière-plan

J'ai un div

<div id="page">

</div>

Avec le code css suivant:

   #page {
    background: url('images/white-zigzag.png') repeat-x;
    }

    @media (max-width: 600px) {
  #page {      
  background: url('images/white-zigzag-mobile.png') repeat-x;
  }
}

Je remarque que quand je redimensionner mon navigateur, je vois le "mobile" d'arrière-plan (bon), mais si je revenir en arrière et faire de mon navigateur grand, mon dernier "gros" arrière-plan ne sont pas toujours réapparaître.

C'est un problème intermittent mais il arrive assez souvent que je pense que je devrais y remédier.

Est-il un moyen de contourner cette "image d'arrière-plan ne figurant pas" problème ou un moyen de redimensionner les images d'arrière-plan, de sorte que la requête de média "rétrécit" l'image d'arrière-plan pour l'adapter à la nouvelle taille? Autant que je sache, il n'existe pas (généralisée) de manière à modifier la taille d'une image d'arrière-plan...

Avez-vous essayez d'utiliser @media (min-width:600px) { background: url('images/blanc-en zigzag.png') repeat-x; } je ne suis pas sûr si cela fonctionne, c'est pourquoi il est un commentaire.
Vous le savez probablement déjà ce lien: css-tricks.com/how-to-resizeable-background-image (re modification de la taille d'une image d'arrière-plan).
Quand je le fais ne pas redimensionner l'image...qui est je viens de voir la partie de l'image, pas l'image de la taille vers le bas
intéressant, mais ce n'est pas css background: url...c'est une balise d'image du style..peut l'essayer.
Jetez un oeil à la background-size de la propriété. C'est du CSS3 mais assez bien pris en charge. L'un de ses valeurs possibles est cover. C'est expliqué dans le premier lien de l'article que j'ai lié. En passant, quel navigateur utilisez-vous?

OriginalL'auteur redconservatory | 2012-02-29