Mi chiedevo se fosse possibile personalizzare il suggerimento che otteniamo dopo aver impostato l'attributo title in un tag img? Ora ho un rettangolo standard con sfondo blu con testo e quello che vorrei ottenere è la mia immagine (diciamo qualcosa che assomiglia a una nuvola) con del testo sopra. È possibile con css o js?Personalizza il tooltip <img title>
5
A
risposta
4
1
Crea il tuo! Puoi semplicemente creare un div nascosto nel tuo HTML, quindi quando qualcuno passa sopra l'immagine, mostra invece il tuo div.
0
Se si desidera creare un suggerimento personalizzato, si consiglia di this. Ti mostra, in dettaglio, come creare i tuoi tooltip in js, che sono guidati dai CSS e possono essere facilmente riutilizzati.
Inoltre, se si utilizza un framework, le cose diventano ancora più semplici. Ad esempio ci sono numerosi jQuery tooltip plugins. Questi ti permettono di far apparire i tuoi suggerimenti sul passaggio del mouse su qualsiasi elemento.
0
Mi raccomando Tooltipster. Davvero facile da usare, può essere utilizzato su qualsiasi elemento che supporta l'attributo title
e ha molte funzioni e look interessanti.
Problemi correlati
- 1. Background-Image in <img> element
- 2. <img src> w/timeout?
- 3. Iniezione javascript thourgh <img> -tag
- 4. ottenendo il percorso assoluto di un <img/>
- 5. Come chiudere correttamente il tag <img>?
- 6. Perché React.js rimuove il tag srcset su <img />?
- 7. <img> vs <image> tag in HTML
- 8. Aggiorna <img> in jQuery periodicamente
- 9. Personalizza il menu Apple
- 10. Personalizza il callout MKAnnotationView
- 11. tooltip per il pulsante
- 12. highcharts personalizza il suggerimento per un singolo punto
- 13. personalizza il cercapersone in psql
- 14. Catching img load error per i tag <img> creati dopo il caricamento della pagina (ad esempio tramite AJAX)
- 15. jQuery tooltip + contenuto Ajax
- 16. Perché non posso fare <img src="C:/localfile.jpg">?
- 17. Sono necessarie estensioni di file nei tag <img>?
- 18. html5 problema di spaziatura verticale con <img>
- 19. Chrome non rendering SVG referenziato tramite <img> tag
- 20. Rilevamento/intercettazione dell'inserimento di <img> in DOM
- 21. JQuery cambia tonalità, saturazione, gamma di <img>?
- 22. PHP - rimuovi <img> tag dalla stringa
- 23. Come ottenere un tag <img> l'attenzione
- 24. L'editor TinyMCE aggiunge data-mce-src a <img />
- 25. Determinare fonte finale <img> del tag, post-reindirizza
- 26. Personalizza UIMenuController
- 27. <f: selectItems> JSF custom tag attributo tooltip
- 28. Personalizza xtable
- 29. di "<img align=top>" HTML in CSS?
- 30. PHP split o esplode stringa su <img> tag
I tooltips di Streamplayer sono fantastici! – Kyle