Background-image css ne s'affiche pas dans IE7 & 8

Pour une raison que je vais avoir des problèmes d'affichage d'une image de fond dans IE 7 et IE8. Dans IE9 et de plus les navigateurs modernes, il fonctionne et sorties suivantes:

Background-image css ne s'affiche pas dans IE7 & 8

(Le CSS produit le gris bordé éléments autour de la Connexion)

Cependant dans IE7 et IE8 tout ce que j'obtiens est le suivant:

Background-image css ne s'affiche pas dans IE7 & 8

Je ne me souviens pas avoir ce problème avec les autres sites que j'ai fait de la croix-compatible, mais là encore j'ai essayer et éviter d'utiliser des images aujourd'hui à économiser sur le temps de chargement de page.

Mon CSS est comme suit:

#contentright .panel {
   background-image: url("/incl/images/bg_panel200.gif");
   background-repeat: no-repeat;
}


#contentright .panelbottom {
background-image: url("/incl/images/bg_panelbottom200.gif");
background-position: center top;
background-repeat: no-repeat;
}

J'ai fait une recherche rapide sur Google et quelques précédente de Débordement de Pile réponses ont suggéré de modifier le CSS pour le format suivant:

 background: url('/incl/images/bg_panelbottom200.gif') no-repeat center top;

Toutefois, cela ne fonctionne pas non plus.

Merci d'avance.

  • Pourquoi ne pas utiliser les CSS défini des bords arrondis?
  • Parce qu'ils ne sont pas pris en charge dans IE8 et IE7.
  • La meilleure pratique est d'arrondir les coins de la frontière à l'aide de CSS et de laisser les frontières dégrader gracieusement pour les navigateurs plus anciens. À l'aide d'une image d'arrière-plan comme ça, c'est une mauvaise solution.
  • Je sais. C'est pourquoi je ne le ferais pas comme ça, mais j'ai peur que ce code est venu d'un client et ils le veulent appliquer de la même manière sur tous les navigateurs. Malheureusement, ils ne croient pas en la dégradation gracieuse (qui est ce que je fais sur tous mes autres projets).
InformationsquelleAutor jezzipin | 2013-03-08