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:
(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:
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).
Vous devez vous connecter pour publier un commentaire.
Essayez d'utiliser
display:block
pour les éléments et définir lawidth
et laheight
également utiliserborder:none; background-color:transparent
Vous devez spécifier le
height
de la div de fond pour qu'elle présente dans les anciennes versions d'IE.Comme c'est mon premier responsive design, j'ai dû utiliser les media queries pour adapter le css basé sur l'écran de la taille de la fenêtre. Il semble que seul le "media="écran" et "media=" print "" les déclarations de travail dans IE7 et IE8 sens ma déclaration d' : ne fonctionnera pas. C'est la raison de mes antécédents-les images ne s'affichent pas parce que IE7 et 8 ne comprends pas cette déclaration et donc de l'ignorer. Merci pour les autres réponses valables gars, mais ils sont des choses que je connaissais déjà et avait essayé.