Mettre un titre en image: le retour

(reprise du message précédent)

Juste un petit "up" du sujet pour connaître vos avis sur la méthode basée sur le pseudo-élément :before qui semble à priori être parfaitement accessible même dans le cas d'images désactivées et css actifs. À titre d'exemple:

[b][#black]HTML[/#][/b]

<h1>Mon titre</h1>


[b][#black]CSS[/#][/b]

h1:before {display:block; content:url('logo.png');}
h1 {overflow:hidden; height:100px;}

Naturellement, une fois de plus se pose le problème d'ie... Pour ie6, le script de Dean Edwards fait parfaitement l'affaire.
Pour ie7, je ne vois pas d'autres solution à l'heure actuelle que de se rabattre sur un stylage css au plus proche de ce qu'on a sur l'image; une gracieuse dégradation en quelques sortes.

Après multiples tests, ça marche vraiment pas mal cette technique en fait... du moins, en attendant un support de content directement sur l'élément un peu plus répandu.
Modifié par Benjamin D.C. (18 Nov 2007 - 13:42)

Salut collègue
pour la prise en compte des pseudo-éléments :before et :after sous IE7,
voilà une solution éventuelle.
Modifié par Hermann (23 Apr 2007 - 23:24)

Hermann a écrit :
Salut collègue

Ah tiens oui

Hermann a écrit :
pour la prise en compte des pseudo-éléments :before et :after sous IE7, voilà une solution éventuelle.

Merci pour le lien, je sens que ça va m'être bien utile!