[HTML] Testo su immagine

[Kolop]

Salve, ho un'immagine in cui sopra vorrei inserire che al passaggio del mouse apparisse una scritta (3 lettere). Ho trovato un codice in Javascript ma siccome non voglio utilizzare JS volevo sapere se si può fare con HTML e CSS.

Il codice JS è:

<img src="/img/top/top.png" width="150" height="150" onmouseover="this.src='/img/top/top1.png'" onmouseout="this.src='/img/top/top.png'" alt="TOP">

Però non voglio utilizzare doppie immagini e neanche JS.

Grazie.

 

[Max 1]

Se vuoi utilizzare solo i css devi però accontentarti di posizionamenti fissi e se vuoi che sia responsive devi ripetere il codice per ogni risoluzione cambiando i posizionamenti.
Ti va bene?

 

[Kolop]

Ciao @Max 1 penso che vada bene. L'immagine è 150x150 px quindi penso di si.

PS: Il link del sito è questo: LINK

Se scorri in fondo alla pagina è la foto al centro, quindi penso va bene.

 

[Max 1]

Ecco qua
http://www.bastacarta.it/kolop/
Ovvio che dovrai cambiare i posizionamenti il bordo e colore alle tue esigenze

 

[Kolop]

Ciao @Max 1 funziona grazie mille. Ora solo una cosa per non aprire un'altra discussione. Quell'immagine dovrebbe portare su. Io utilizzo questo codice JS:

<a onclick="window.scrollTo(0,0);">

Non c'è un modo senza usare JS?

Grazie.

 

[Max 1]

Ci vuole js

 

[Kolop]

Ciao @Max 1 immaginavo. Allora utilizzo quel codice, fa niente. Grazie.