IE 6 CSS Hover senza tag di ancoraggio

Question

Qual è il modo più semplice ed elegante per simulare la pseudo-classe al passaggio del mouse per i tag non Anchor in IE6?

Sto specificamente cercando di cambiare il cursore in questo caso in quello di un puntatore.

Answer 1

Direi che il metodo più semplice sarebbe aggiungere funzioni Javascript onmouseover/out.

Answer 2

Penso che il modo più semplice sia usare il file passa il mouse.htc approccio.Aggiungi il file hover.htc al tuo sito, quindi fai riferimento ad esso nel tuo foglio di stile:

body { behavior:url("csshover.htc"); }

Se vuoi mantenere le cose il più pulite possibile, puoi utilizzare i commenti condizionali di IE in modo che quella riga venga visualizzata solo dagli utenti con IE6.

Answer 3

Per quanto riguarda la tua richiesta... Sto specificamente cercando di cambiare il cursore in questo caso in quello di un puntatore -- il modo più semplice è specificare cursor:pointer nel tuo CSS.Penso che scoprirai che funziona in IE 6.

Prova questo per verificare (dove div può essere qualsiasi elemento):

<div style="background:orange; cursor:pointer; height:100px; width:100px;">
    Hover
</div>

Answer 4

Un'altra alternativa che risolverà molti più problemi in una volta sola è utilizzare IE7.js.

Answer 5

Un altro approccio, a seconda dell'elemento, consiste nell'aggiungere un ancoraggio non collegato e impostarne la visualizzazione su blocco.Posiziona l'ancora all'interno o attorno all'oggetto su cui desideri il comportamento pseudo hover.

Answer 6

A parte:

In realtà avevo già bisogno di scambiare l'immagine comunque

Assicurati di dare un'occhiata Sprite dell'immagine.A volte è molto più bello usare un'immagine e "spostare" l'immagine piuttosto che usare due immagini separate e "alternare" o "scambiare" tra loro.Nella mia esperienza è stato molto bello quando l'utente interagisce con esso, a volte è un vantaggio che ci sia una singola richiesta per 1 immagine e poi più richieste per più immagini.

Answer 7

Mi è piaciuto di più il passaggio del mouse/fuori dal momento che in realtà avevo già bisogno di scambiare l'immagine comunque.Avrei davvero dovuto pensare di farlo con Javascript per cominciare.

Grazie per le risposte rapide

@Giuseppe

Grazie per quel collegamento.Non avevo mai sentito parlare di questa tecnica prima e l'idea mi piace molto.

Lo proverò sicuramente e vedrò come mi trovo.

Answer 8

Se sei disposto a utilizzare JQuery, lo userei Imposta la classe al passaggio del mouse per qualsiasi cosa tecnica.