• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema risolto Come fare che al passaggio del mouse si visualizza un testo sopra l'immagine?

DasperRetroS

Utente Assiduo
Autore del topic
19 Luglio 2012
513
57
Miglior risposta
0
Ciao, Sciaxxini. Mi servirebbe essere aiutato in una cosa... Come faccio che quando passo il mouse su un'immagine si visualizzi un testo sopra essa? Aiuto, :soso:
 
Riferimento: Come fare che al passaggio del mouse si visualizza un testo sopra l'immagine?

Sposto in Assistenza Tecnica. ;)
 
Riferimento: Come fare che al passaggio del mouse si visualizza un testo sopra l'immagine?

Ecco a te:
<img src="immagine" alt="testo che vuoi far comparire" title="testo che vuoi far comparire">
Spero di esserti stato d'aiuto ^^
 
Riferimento: Come fare che al passaggio del mouse si visualizza un testo sopra l'immagine?

Se vuoi mettere un tooltip, puoi usare questo:
Perfavore, Entra oppure Registrati per vedere i Link!


Se vuoi qualcosa senza javascript segui l' esempio di Matteo21, se invece vuoi proprio un testo sull' immagine, assegna l' immagine come background di un div, poi all' interno del div scrivi il tuo testo con proprietà display: none; e da javascript fai tutto.
 
Riferimento: Come fare che al passaggio del mouse si visualizza un testo sopra l'immagine?

Credi un div e gli inserisci come background l'immagine che desideri e ci scrivi dentro il testo che vuoi.

Poi da css gli dici al testo

#nomediv p {
opacity: 0;
}

#nomediv p:hover {
opacity: 1;
}
 
Riferimento: Come fare che al passaggio del mouse si visualizza un testo sopra l'immagine?

Credi un div e gli inserisci come background l'immagine che desideri e ci scrivi dentro il testo che vuoi.

Poi da css gli dici al testo

#nomediv p {
opacity: 0;
}

#nomediv p:hover {
opacity: 1;
}

Cosa c'entra l' opacità del div?

Lui parla della comparsa di un testo sull' immagine, in più con opacità 0 non si vede l' immagine, uno di certo non può andare ad intuito per passare il mouse sul div.
 
Riferimento: Come fare che al passaggio del mouse si visualizza un testo sopra l'immagine?

Cosa c'entra l' opacità del div?

Lui parla della comparsa di un testo sull' immagine, in più con opacità 0 non si vede l' immagine, uno di certo non può andare ad intuito per passare il mouse sul div.

Se leggi attentamente io ho impostato l'opacità del paragrafo all'interno del div, e non del div stesso -.-

Esattamente come accade in questa pagina creata da me

Perfavore, Entra oppure Registrati per vedere i Link!


[NO SPAM]
 
Ultima modifica:
Riferimento: Come fare che al passaggio del mouse si visualizza un testo sopra l'immagine?

Ecco a te:
<img src="immagine" alt="testo che vuoi far comparire" title="testo che vuoi far comparire">
Spero di esserti stato d'aiuto ^^

Grazie mille problema risolto.