IE7 \ 8 ne joue pas bien avec les sprites Sur les entrées?

J'utilise la technique sprite css pour contenir tous les boutons du site dans une image PNG.IE7 8 ne joue pas bien avec les sprites Sur les entrées?

Cette technique fonctionne correctement sur tous les navigateurs de vos boutons de style normaux, mais pour IE 7/8, elle affiche une bordure et un x rouge sur toute entrée où j'utilise une classe css pour définir l'image. Cette technique fonctionne bien pour Firefox.

Ai-je oublié quelque chose ici?

HTML:

http://img85.imageshack.us/img85/7493/spriteerrorhtml.png

CSS:

http://img514.imageshack.us/img514/1382/spriteerrorcss.png

Comparaison:

http://img99.imageshack.us/img99/3251/spriteerrorcomparison.png

Source

2010-06-18 Seth Duncan

Peut-être, trop question générale pour répondre sans voir le HTML/CSS et probablement la sprite aussi. – mVChr

Impossible d'accéder à l'image-objet car il contient des informations d'identification, mais voici le code HTML, CSS associé et les comparaisons de ce que j'obtiens IE7 vs. Firefox –

Le "X rouge" se produit car il n'y a pas de SRC (ou une ressource non valide/non disponible spécifiée dans le SRC) pour l'élément IMG.

Vous pouvez utiliser une image "stub" transparente pour résoudre ce problème. Assurez-vous également de définir BORDER = 0 sur l'IMG (devinez pourquoi :-).

Source

2010-06-19 04:44:20

S'il vous plaît essayer de changer la partie arrière-plan à partir du code CSS:

background: url('XXXXXXXX.png') no-repeat

Je pense qu'il est un problème d'analyse syntaxique CSS

Source

2010-06-19 05:01:45 Zeal

IE7 \ 8 ne joue pas bien avec les sprites Sur les entrées?

Répondre

Questions connexes