Icone Png ne s'affiche pas correctement sous I.E 9

bonsoir,
j'utilise une image png comme icônes (fermeture de fenêtre, suivant, précédent...)Pièce jointe 191770 mais elle ne s'affiche pas correctement JUSTE sous I.E 9.

Css

Code:

---

1 2 3 4

#cboxClose { background-image:url(../image/controls.png); }

---

l'icône s'affiche comme ça Pièce jointe 191771, j'ai tenté de crée un Svg et .Ico, mais aucune réussite, est-ce que quelqu'un pourrai m'aider s'il vous plait?

Le format de fichier n'a rien à voir la dedans, c'est un problème de path. Contrairement aux autres navigateurs, IE évalue un chemin relatif par rapport à la page HTML appelante alors que les autres navigateurs évalue le chemin par rapport au fichier appelant (probablement ta feuille de style dans ton cas). Donc IE ne trouve tout simplement pas ton image.

Tu peux solutionner le problème avec des commentaires conditionnels ou en utilisant un chemin absolu.

si CosmoKnacki , IE reconnait bien mon image mais il ne l'affiche pas correctement, j'ai changé l'emplacement de l'image et quand j'ai débogué le site, tout ce que j'ai vu c'est un cadre blanc (la cercle grise qui entour l'image n'a pas apparaît).

j'utilise une feuille de style spéciale pour IE, en mettant un commentaire conditionnel en haut de la page aspx

Code:

---

1 2 3 4 5

<!--[if IE]> <link type="text/css" rel="stylesheet" href="../Styles/styles-ie.css" /> <meta http-equiv="X-UA-Compatible" content="IE=9"/> <![endif]-->

---

et dans le styles.ie-.css je met le background..., c'est comme ça?

Bonjour,
comme abordé dans cette discussion Icone non visible sur Internet Explorer 9, à laquelle tu n'as d'ailleurs pas répondu...:aie:

Citation:

---

Sinon je dirais que tu as un problème de format de l'image.

---

pour t'en assurer, charge là dans une balise <img> et en background d'un élément <div> par exemple.
Si celle ci ne s'affiche pas correctement le problème est un problème de prise en compte du format, à vérifier que le chemin est correct donc mets tout dans le même répertoire pour test.

Citation:

---

j'utilise une feuille de style spéciale pour IE

---

ce n'est pas forcément une bonne solution...

Est ce qu'il y a un problème quand tu testes les exemples cette page ?

Citation:

---

Est ce qu'il y a un problème quand tu testes les exemples cette page ?

---

Smoking ce n'est pas une bonne solution de créer un fichier Css qui s'occupe juste de IE?

j'ai changé le nom du conteneur de #cboxContent en #cboxLoadedContent et ça fonctionne.

merci beaucoup.

Tu confirmes que ce n'est pas un soucis de format de fichier image ?

oui je le confirme, l'image maintenant s'affiche parfaitement bien sous I.E9.