Link copiato negli appunti
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)}