Come posso sostituire del testo con la grafica?

Utente HTML.it
chiede

Come posso sostituire del testo con la grafica?

Redazione HTML.it
risponde

E’ possibile usare una tecnica di image replacement,
di cui si può leggere anche negli articoli dedicati ai menu con rollover. E’ essenziale che nell’HTML l’elemento
da sostituire abbia un id. Ad esempio questo è l’HTML per racchiudere il titolo principale della pagina:

<h1 id=”logo”>nome del sito</h1>

Il CSS, usando una delle più recenti tecniche di image replacement, per un’immagine di 200 per 50 pixel
potrebbe essere:

h1#logo{text-indent: -9000px;padding: 50px 0 0 0;overflow: hidden;
    height: 0px !important; height /**/:50px; width: 200px;
    background-image: url(logo.jpg)}