Categories
Webstandards

Une technique inutile de remplacement par une image

J’avais trouvé une technique il y’a un moment pour remplacer du texte par une image. Malheuresement elle a beaucoup de défauts:

  • elle ne fonctionne pas avec les navigateurs ne comprennant pas :after (je vise Internet Explorer en particulier)
  • lorsque les images sont désactivées mais pas la feuille de style, le contenu remplacé risque d’être tronqué

Cependant je vous la livre tout de même, juste pour le fun.

J’avais trouvé une technique il y’a un moment pour remplacer du texte par une image. Malheuresement elle a beaucoup de défauts:

  • elle ne fonctionne pas avec les navigateurs ne comprennant pas :after (je vise Internet Explorer en particulier)
  • lorsque les images sont désactivées mais pas la feuille de style, le contenu remplacé risque d’être tronqué

Cependant je vous la livre tout de même, juste pour le fun.

Tout d’abord, le contenu à remplacer:

  <div class="ir">svay.com</div>

Ensuite la feuille de style:

  .ir{ 	line-height: 0; 	height: 65px; 	width: 190px; 	overflow: hidden; } .ir:after{ 	content: url(title.jpg); }

Ce qui donne le résultat suivant:

svay.com

7 replies on “Une technique inutile de remplacement par une image”

Tiens c’est amusant sur Konqueror 3.2 (donc pas tout neuf c’est vrai) le texte apparaît tronqué de moitié (on ne voit que le bas) suivi de l’image.

Dans Firefox 1.0.2 bien entendu cela passe.

L’idée est un peu trop en avance peut-être. Mais c’est en testant un peu tout qu’on a des chances de trouver des nouveautés intéressantes.

Sur Opéra aussi ça passe impec (v7.54). C’est juste pour un test hein ^^ je suis sous FireFox (patapay ^^)

Comments are closed.