Visualizzare la miniatura di un oggetto
Vuoi approfondire il linguaggio HTML?
Usa la nostra
Cerchi un argomento particolare di HTML?
Accedi all'INDICE DETTAGLIATO
Altri trucchi?
La nostra sezione
TRUCCHI E MALIZIE IN BREVE
fa proprio al caso tuo!
Il trucco ti è stato utile?
Aggiungi un link!
Trucco numero 57 - pagina 1
)
)
)
)
)
|
|
|
Prova il trucco! Passa con il mouse su un termine della lista: sul finto campo di calcio, in corrispondenza di uno dei segni, comparirà un piccolo tangram che, a sua volta, se cliccato, farà aprire una finestra di spiegazioni. Anche se al posto della cartina abbiamo utilizzato un campo di calcio e al posto delle miniature dei negozi dei piccoli tangram l'effetto che si ottiene è comunque quello richiesto... | |
SPIEGAZIONI
Disponiamo l'immagine che rappresenta la cartina sullo sfondo inserendola in un div del quale stabiliremo la posizione, le dimensioni ed, essenziale, lo z-index, cioè un numero che rappresenta il livello di soprapposizione: nel nostro caso daremo all'immagine di sfondo z-index =1. Prima di chiudere il div dovremo inserire, complete di posizione, le miniature, attribuendo ad esse z-index =2. Ed ora il trucco: all'inizio le miniature sono invisibili ed al passaggio del mouse sulla lista diventano visibili.Codice per la dichiarazione dello stile iniziale delle miniature:
Codice per la sistemazione delle immagini: