Bonjour,
Je poste à dessein dans le forum javaScript, car il me semble que mon problème vient plus de mon code jS que des CSS.
J'utilise, sur le site dont je m'occupe, une feuille de style particulière destinée à l'impression. Comme mon site contient, en guise de <h1>, une bannière en image cliquable (il s'agit d'un lien pointant vers la page d'accueil), je souhaite remplacer, à l'impression, cette bannière en image par le contenu du "alt" du lien.
J'utilise donc le code CSS suivant dans ma feuille de style destinée à l'impression (print.css) :
Ce code fonctionne très bien, sous Firefox par exemple. Le problème est qu'IE 6 et 7 ne reconnaissent pas la pseudo-class :after. Je souhaiterais donc ajouter le contenu via javaScript, pour IE 6 et 7 seulement.
D'après ce que j'ai pu lire à différents endroits (notamment ici et là), j'ai donc ajouté le code jS suivant :
Malheureusement, ça ne fonctionne pas : IE 6 et 7 n'affichent tout simplement rien. Rien ne se passe...
Quelqu'un aurait-il une idée de ce qui cloche ? Merci pour votre aide !
Modifié par Fix (31 May 2012 - 06:49)
Je poste à dessein dans le forum javaScript, car il me semble que mon problème vient plus de mon code jS que des CSS.
J'utilise, sur le site dont je m'occupe, une feuille de style particulière destinée à l'impression. Comme mon site contient, en guise de <h1>, une bannière en image cliquable (il s'agit d'un lien pointant vers la page d'accueil), je souhaite remplacer, à l'impression, cette bannière en image par le contenu du "alt" du lien.
J'utilise donc le code CSS suivant dans ma feuille de style destinée à l'impression (print.css) :
h1 a[href]:after { content: attr(title); }
Ce code fonctionne très bien, sous Firefox par exemple. Le problème est qu'IE 6 et 7 ne reconnaissent pas la pseudo-class :after. Je souhaiterais donc ajouter le contenu via javaScript, pour IE 6 et 7 seulement.
D'après ce que j'ai pu lire à différents endroits (notamment ici et là), j'ai donc ajouté le code jS suivant :
h1 a { *zoom: expression(this.runtimeStyle.zoom="1",this.innerHTML = "bla bla bla"); }
Malheureusement, ça ne fonctionne pas : IE 6 et 7 n'affichent tout simplement rien. Rien ne se passe...
Quelqu'un aurait-il une idée de ce qui cloche ? Merci pour votre aide !
Modifié par Fix (31 May 2012 - 06:49)