IE 6 CSS Hover sin etiqueta de anclaje

Question

¿Cuál es la forma más sencilla y elegante de simular la pseudoclase de desplazamiento para etiquetas que no son de Anchor en IE6?

Estoy tratando específicamente de cambiar el cursor en este caso por el de un puntero.

Answer 1

Yo diría que el método más simple sería agregar funciones Javascript onmouseover/out.

Answer 2

Creo que la forma más sencilla es utilizar el hover.htc acercarse.Agrega el archivo hover.htc a su sitio y luego hace referencia a él en su hoja de estilo:

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

Si desea mantener las cosas lo más limpias posible, puede usar comentarios condicionales de IE para que esa línea solo se muestre a los usuarios con IE6.

Answer 3

Respecto a su solicitud -- Estoy tratando específicamente de cambiar el cursor en este caso al de un puntero. -- la forma más sencilla es especificar cursor:pointer en tu css.Creo que encontrarás que funciona en IE 6.

Pruebe esto para verificar (dónde div puede ser cualquier elemento):

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

Answer 4

Otra alternativa que solucionará muchos más problemas de una sola vez es utilizar IE7.js.

Answer 5

Otro enfoque, dependiendo de cuál sea el elemento, es agregar un ancla sin enlace y configurar su visualización para bloquear.Coloque el ancla dentro o alrededor del elemento en el que desea el comportamiento de pseudo desplazamiento.

Answer 6

Aparte:

De hecho, ya necesitaba cambiar la imagen de todos modos.

Asegúrate de echar un vistazo a Sprites de imagen.A veces es mucho mejor usar una imagen y "cambiarla" que usar dos imágenes separadas y "alternar" o "intercambiar" entre ellas.En mi experiencia, ha sido muy agradable cuando el usuario interactúa con él, a veces es una ventaja que haya una sola solicitud para una imagen y luego varias solicitudes para varias imágenes.

Answer 7

Lo que más me gustó fue pasar el mouse sobre/fuera, ya que en realidad ya necesitaba intercambiar la imagen de todos modos.Para empezar, realmente debería haber pensado en hacer esto con javascript.

Gracias por las respuestas rápidas.

@Joseph

Gracias por ese enlace.Nunca antes había oído hablar de esta técnica y me gusta mucho la idea.

Definitivamente lo probaré y veré cómo me va.

Answer 8

Si estás dispuesto a usar JQuery, yo usaría Establecer clase flotante para cualquier cosa técnica.