Fogli di stile CSS, o CSS, è ideale per fare rollover perché utilizza meno codice rispetto a linguaggi tradizionali, ad esempio JavaScript e funziona in tutti i principali browser. Tuttavia, le regole di stile di rollover possono a volte mancano gli attributi essenziali o hanno digitato in modo errato sintassi che rende non appaiono a destra del testo e le immagini rollover. Dare un'occhiata al codice per identificare il tuo CSS e risolvere errori comuni al fine di rendere il rollover visualizzare appena a destra.

Istruzioni

1

Lanciare un programma di editor di testo e aprire il documento che contiene il codice CSS rollover.

2

Controllare lo stile CSS che contiene l'indirizzo URL per l'immagine di rollover vedere perché non viene visualizzato. Assicurarsi che l'indirizzo sia stato immesso correttamente..--per esempio, "images/rollover.gif" invece di "rollover.gif." Assicurarsi che la sintassi CSS viene immesso in modo appropriato, come nell'esempio seguente:

rollover {background-image: url ('images/rollover.gif');} 3

Verificare di che avere l'attributo di visualizzazione assegnata a "bloccare" in modo che il testo di ribaltamento non viene visualizzato con un rientro non intenzionale. Per esempio:

rollover {display: block;} 4

Guardate gli attributi width e height nel vostro stile per assicurarsi che le dimensioni di rollover visualizzare come si desidera. Per esempio:

rollover {width: 105px; altezza: 20px;} 5

Assicuratevi di che avere una regola di stile separato al passaggio del mouse affinché che qualcosa accade quando il Visualizzatore posiziona il mouse sul rollover. Gli attributi comuni includono gli stili per il posizionamento di sfondo o il colore. Immettere il nome della vostra regola di ribaltamento, ad esempio "#rollover," e seguire questo con ": hover" in questo modo:

rollover: hover {immettere gli attributi qui} 6

Esaminare il codice HTML per assicurarsi che il contenuto di rollover designato ha l'ID CSS assegnate, che applica le regole di stile. Eseguire questa operazione facendo in modo che "id =" seguita dallo stile CSS Nome regola è nel tag di apertura, come in questo esempio:

< a id = "rollover" href = "Indirizzo URL" > Rollover testo < /a >

7

Salvare il documento e visualizzare l'anteprima nel browser Web per assicurarsi che i vostri lavori di ribaltamento.

8

Caricare il tuo file sul tuo host Web per pubblicare le correzioni.

Consigli & Avvertenze

• Un rollover è un'immagine che scambia la relativa immagine quando un visitatore passa il suo mouse sopra per farle sapere fare clic su questa funzionalità. L'immagine iniziale del rollover è noto come stato di "riposo", e l'immagine in che si trasforma è stato "hover".
• Un metodo comune per la creazione di immagini di rollover CSS è quello di rendere le immagini a riposo e con il mouse in una singola immagine GIF. Strato lo stato hover sotto stato di riposo in modo che vengano visualizzati uno sopra l'altro.