- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Come posso realizzare questo effetto?
-
Come posso realizzare questo effetto?
Buongiorno a tutti gli utenti! Sto cercando invano di collocare una piccola didascalia a comparsa col passaggio del mouse su un'immagine; in particolare vorrei ottenere l'effetto che quando il mouse passa sull'immagine appare la didascalia e poi scompare quando il cursore del mouse si sposta ma dato che sono ai primi passi con il linguaggio html e sto utilizzando il web editor dreamweaver non ho capito quale codice html devo scrivere e dove lo devo scrivere per ottenere l'esempio sopracitato. Dovrei solo capire dove scrivere (tra quali tag) e collocare la didascalia e farla comparire quando si passa il mouse sopra l'immagine. Ringrazio anticipatamente.
-
Ciao elmascalero, devi inserire l'attributo alt all'immagine. Per esempio (ovviamente senza gli spazi):
<img src="h t t p : / / w w w . t u o s i t o . i t/ i m m a g i n e . j p g" alt"Descrizione della foto">
Spero di esserti stato d'aiuto. Ciaooo
-
@robbiecs said:
Ciao elmascalero, devi inserire l'attributo alt all'immagine. Per esempio (ovviamente senza gli spazi):
<img src="h t t p : / / w w w . t u o s i t o . i t/ i m m a g i n e . j p g" alt"Descrizione della foto">
Spero di esserti stato d'aiuto. Ciaooo
Ciao robbiecs ho provato a seguire il tuo consiglio ma non funge. La stringa per l'immagine è caratterizzata dal background-image CSS e se ci scrivo alt"descrizione della foto" sparisce l'immagine. Come posso rimediare?
-
non penso si possa fare nel CSS. Devi intervenire su quella porzione di codice relativa all'immagine.
-
Non puoi usare il tag "alt" su un'immagine di background richiamata dal css.
Puoi ottenere un effetto simile con un tag "title" su un link o con un "tooltip"