Remplacer le texte par des images CSS | Utilisation des techniques de remplacement d'images

Il existe différentes méthodes pour remplacer du texte avec une image et un certain nombre de besoins. Par exemple, pour les têtes de blogs que j'ai été invité à plusieurs reprises la façon d'ajouter le logo, mais qui a aussi le texte du titre du blog.

Reconnu comme l'XHTML sémantique et l'accessibilité doit faire sens, même si la page n'a pas été en mesure d'afficher des images ou des styles, et les moteurs de recherche ne peut pas trouver des images mais les textes.

Vivre pour les deux-je utiliser l'astuce suivante, vous appliquez un style dont vous avez besoin de changer:

h3 (text-indent:-9999px)

Ce sac de texte sur l'écran et de voir seulement l'image. Nous pouvons changer:

visibility: hidden;

ó

display: none;

La différence est que le premier élément continue d'être l'original et ne pas afficher.