L'image de fond ne s'affiche pas sur IE8

Question

J'ai lu les autres questions, mais en vain - je n'arrive vraiment pas à comprendre.

Le site est (Il a été remanié et n'est donc plus d'actualité. Il utilisait des éléments HTML5, mais ils n'étaient pas déclarés comme des blocs, et IE ne suppose pas qu'ils devraient l'être).

Le dégradé du pied de page est parfait dans les navigateurs autres qu'IE, mais ne s'affiche pas dans IE 7, 8 et dans l'aperçu de développement d'IE9.

Des idées ?

Answer 1

Vous pouvez essayer d'ajouter ceci à votre CSS de pied de page (en plus de vos styles de pied de page existants).

footer
{    
    display:block;
}

Ceci a corrigé le problème pour moi sous FF3.6, et je suppose que cela le corrigera également sous IE - Le style d'affichage par défaut de <footer> es inline qui n'est pas compatible avec les arrière-plans, quel que soit le navigateur. En lui appliquant un bloc, on le traitera davantage comme un div.

Vous devrez également faire attention à l'utilisation de HTML 5. Nous ne sommes pas sûrs qu'il soit bien pris en charge par tous les navigateurs. Vous pourriez envisager <div id="footer"><!-- contents of footer --></div> et lui appliquer des styles par identifiant en CSS au lieu de

Answer 2

J'ai eu un problème similaire, mais j'ai finalement trouvé la solution.

Changez le format de l'image en png.

Et fonctionne parfaitement dans IE8.

Answer 3

Cela fonctionne :

#footer_text { 
  background: url(/media/img/gradient.php?w=4&h=160&sc=4c4c4c&ec=000000) repeat-x scroll top left; 
}

Je ferais attention à ne pas appliquer de style à des éléments html5 comme le pied de page pour l'instant. Ils ne sont pas bien supportés par tous les navigateurs.

Vous pouvez cependant les utiliser pour des raisons sémantiques.

Answer 4

Si j'examine le pied de page à l'aide de la barre d'outils de développement d'IE 8, j'obtiens ceci en guise d'image background-image définition :

 url(/media/img/gradient.php?w=4&h=160&sc=4c4c4c&ec=000000); TEXT-ALIGN: center

Remarquez la partie à droite. Je ne sais pas exactement d'où elle vient - elle ne figure pas dans la feuille de style. Peut-être que la feuille est quelque peu brouillée. Si je supprime l'alignement du texte, l'image du pied de page s'affiche correctement. Il en va de même pour votre body définition.

Answer 5

Essayez d'ouvrir le fichier dans Photoshop ou un logiciel similaire, et faites un enregistrement propre pour le web au format PNG.