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

J'ai lu à travers d'autres questions mais en vain - je ne peux vraiment pas faire ce travail.

Le site est (a Été redessiné, n'est donc pas pertinente. Il a utilisé des éléments HTML5, mais ils n'étaient pas déclarés en tant que bloc, et IE ne présumez pas qu'ils devraient être.)

Le dégradé sur le pied de page ressemble beaucoup non IE navigateurs, mais ne parvient pas à afficher dans internet explorer 7, 8 et IE9 dev preview.

Des idées?

Je ne suis pas à voir un gradient dans FF3.5?

OriginalL'auteur Rich Bradshaw | 2010-03-23

  1. 4

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

    footer
{    
    display:block;
}

    Ce qu'il est corrigé pour moi sous FF3.6, et je suis en supposant que sera corrigé dans internet explorer en tant que bien que Le style d'affichage par défaut pour <footer> est inline ce qui ne veut pas jouer gentil avec les milieux quel que soit le navigateur. L'application de bloc il va la considérer plus comme un div.

    Vous devrez également être prudent avec votre utilisation de HTML 5. Pas sûr de savoir comment bien pris en charge dans tous les navigateurs. Vous pourriez envisager de <div id="footer"><!-- contents of footer --></div> et appliquer des styles à par id en CSS à la place..

    wtf est avec le bas de vote?? lol. Cette réponse œuvres, et est valide. Oh, pour être en mesure de voir qui a fait ça lol..
    Je suppose que c'est parce qu'il ne veut pas répondre pour IE, juste Fx.
    Ah, sauf que il ne! Merci!
    Le shiv que vous êtes à l'aide de + display: block; devrait fonctionner pour IE. En tout cas, vous avez besoin display: block; sur le header, footer, nav, et probablement tous les autres éléments HTML5 que vous utilisez.
    Ah, j'ai changé de réinitialisation de la feuille de style et j'ai oublié d'ajouter que beaucoup de retour à nouveau...

    OriginalL'auteur KP.

  2. 2

    J'ai eu un problème similaire, mais enfin trouver la solution.

    Changer votre image au format png.

    Et fonctionne très bien dans IE8.

    OriginalL'auteur Jerry Garcia

  3. 1

    Cela fonctionne:

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

    Je serais prudent sur l'application de tout style pour éléments html5 comme un pied de page à droite maintenant. Ils ne sont pas bien pris en charge par tous les navigateurs.

    Vous pouvez les utiliser pour des raisons sémantiques.

    Je suis l'aide de la cale pour les activer dans IE<9, et l'affichage de réglage bloc semble avoir fixé.

    OriginalL'auteur Armstrongest

  4. 1

    Si je regarde le pied de page à l'aide de IE 8 de la barre d'outils du développeur, j'obtiens ce que le background-image définition:

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

    Avis de la part de la droite. Je ne sais pas d'où cela provient - il n'est pas dans la feuille de style. Peut-être que la feuille est quelque peu déformé. Si je supprime le texte-alignez la partie, le pied de page de l'image montre bien. La même chose arrive à vos body définition.

    Je me suis demandé en tant que bien qui semble un peu bizarre, n'est-ce pas.
    certainement. Avez-vous essayé PK suggestion du bien? Il prétend qu'il fixe pour lui. Aussi, pouvez-vous essayer d'enlever les guillemets autour de l'URL, juste pour rire? J'ai le sentiment qu'il pourrait être l'esperluette et des points d'interrogation dans l'URL.

    OriginalL'auteur Pekka 웃

  5. 0

    essayer d'ouvrir le fichier dans Photoshop ou similaire, et de faire un nettoyage enregistrer pour le web au format PNG.

    changé le format de l'image, mais ne fonctionne pas pour moi

    OriginalL'auteur noinput