Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> software >> Aprire Source Code >> .

Come fare tooltip Immagini

Fare un suggerimento per un sito web è un modo per gli sviluppatori web per aggiungere ulteriori informazioni a una pagina Web come ad esempio informazioni in cui un link vi porterà o informazioni di un campo di testo richiede . Le descrizioni comandi sono un modo di lasciare una nota per l'utente quando il mouse sopra un'immagine o un testo. Attentamente studiata tooltip sono sottili e aiutano a migliorare l'esperienza dell'utente. Le descrizioni comandi sono facili da aggiungere direttamente al codice HTML tramite CSS . Istruzioni
1

Aggiungi il codice CSS nella sezione di intestazione e sotto il tag del titolo del file HTML .
2

< style type = "text /css " > tip { border-bottom : 0px punteggiata # 000000 ; color: # 000000 ; contorno : none; cursor: pointer ; text-decoration : none; position: relative; } . . punta arco { margin-left : - 999em ; position: absolute; } Consiglio : . hover arco { border-radius : 15px 15px ; box-shadow : 13px 13px 13px rgba ( 0 , 0 , 0 , 0.1 ) ; font-family : Georgia , " , Times New Roman " , Times , serif ; position: absolute; sinistra : 1em ; top : 2em ; z-index : 99 ; margin-left : 0; larghezza : . 250px ; } solito { padding: 0.8em 1em ; } . solito {background : # FFFFFF ; border: 1px solid # FFAD33 ; } < /style > < /head>
3

Inserisci il seguente codice HTML sotto < /head> per un campione del tooltip .
4

Esempi di descrizioni comandi CSS ! < /h1 >

Esempi di Tooltip descrizioni comandi vengono utilizzati per aggiungere attentamente studiata informazioni per migliorare l'esperienza dell'utente . < /span> < /a> < /body> < /html >
5

Per vedere la descrizione del comando , aprire il file HTML in un browser Web e tenere premuto il mouse sopra il sottolineato tooltip parola .
6

Regolare il codice , se necessario , ad esempio, modificare la decorazione del testo per sottolineare o il colore di sfondo # FFFFAA per un giallo .

 

software © www.354353.com