Discussion :

[_jey_]

Bonjour,


Après recherche sur ce forum, je n'ai pas trouvé de sujet traitant de ce problème : les pseudo éléments before et after ne sont pas compris par IE, et, contrairement à first-child entre autres, ils ne semblent pas remplaçables par une autre instruction.

Existe-t-il un moyen (une expression css ?) pour tout de même les faire fonctionner sous IE ? A la limite, je me contenterais d'un moyen qui ne fonctionne qu'à partir d'IE 7, tant pis pour les précédents !


Merci d'avance !

[devyan]

Il me semble me souvenir que le seul moyen est d'utiliser du javascript avec IE

[_jey_]

J'ai un ami qui m'a rappelé une bidouille qui peut remplacer : en l'occurence, mon ":before" sert à afficher une image au dessus d'un formulaire. On peut utiliser un background-image avec un margin-top:<hauteur de l'image>... Voila qui règle mon problème, mais la question initiale reste valable (pour la curiosité) !

Effectivement, on peut utiliser du javascript, mais est-ce le seul moyen ?

[Erwan31]

Bonjour,
tu as le fameux script de Dean Edwards http://dean.edwards.name/weblog/2008/01/ie7-2/ mais bon, ça reste du hack un peu lourd dont environ 5% d'utilisateurs seront privés (ceux ayant JS désactivé).
D'autre part veiller à ce que le contenu injecté par ces 2 pseudo-éléments
ne soit pas nécessaire à la compréhension du contenu.

Voir aussi http://nanobox.chipx86.com/blog/2006...-and-below.php pour IE7

[franculo_caoulene]

D'autre part veiller à ce que le contenu injecté par ces 2 pseudo-éléments ne soit pas nécessaire à la compréhension du contenu.

Ceci est le vrai point important.

[_jey_]

J'avais bien ça à l'esprit

Et merci beaucoup pour les liens Erwan, les articles sont instructifs, et ce script va, au bas mot, changer ma vie !