Whatever:hover

Para aquellos que diseñen páginas web y se hayan dado cuenta de que en Internet Explorer 6 la pseudo-clase de CSS hover funciona sólo donde le da la gana: Whatever:hover.

Whatever:hover es un script Javascript que se carga como un behavior. Los behavior son unos elementos que se inventó el Internet Explorer 5 para acercarse al DHTML, para permitir añadir funcionalidad a los aburridos elementos estáticos, en aquellos tiempos donde Netscape aún rondaba por ahí, los div rivalizaban con los layer y tener maestría con las tablas te aseguraba una buena maquetación. Por supuesto, los behavior no son nada estándar, de manera que son interpretados por IE sin interferir en ningún momento con otros navegadores mejores.

Lo que hace Whatever:hover es analizar sintácticamente (parsear, por usar un vocablo conocido) las hojas de estilo, encontrar los :hover y añadir un evento Javascript para simularlo. Parece una solución burra, pero bueno, funciona.

Para usarlo, se descarga el script csshover.htc y se utiliza tal que así, por ejemplo (en un CSS):

body {
	behavior:url("csshover.htc");
}
/* Ahora esto funciona en IE también */
tr:hover {
	background-color: #EDAFEA;
}

Aquí un ejemplo.


Explore posts in the same categories: Programación

1 Comentario en “Whatever:hover”

  1. Blaxter Says:

    hostia!, solo conocía lo de los ficheros .htc para el IE para solventar lo de los png’s. Pero para los :hover creía que el ie solo se podía los <a> y a joderse. Útil este hack.

Comentario: