Cuando se trata del mecanismo para procesar CSS, IE siempre tiene muchas cosas que hacen que la gente vomite sangre, pero todavía están contentos con sus mejoras actuales.
Tome el soporte para pseudoclase: hover como ejemplo. IE7+ finalmente agregó soporte para etiquetas distintas a a. Por supuesto, deberíamos aplaudir tales mejoras, pero bajo IE6, el soporte de :hover para a no es tan satisfactorio. El siguiente es un problema del que quiero hablar brevemente:desplazar el cursor en IE6 y navegadores anteriores.
Es posible que muchas personas ya conozcan algunos problemas con :hover en IE6 y navegadores anteriores (en adelante, IE6-). Principalmente quiero hablar sobre temas como a:hover span{}.
A veces, para agregar algunos efectos dinámicos simples, usamos :hover como ayuda. Por ejemplo, a menudo cambiamos el color del texto cuando el mouse pasa sobre un enlace. como:
Sí, esto funcionará en todos los navegadores. Pero si lo cambias a esto:
Verá que no sucede nada en IE6-, nuestros estilos no son válidos. Sí, eso es todo. Mucha gente debería haberse encontrado con este problema y haberlo resuelto.
Sí, solo necesita agregar otro estilo a:hover{} para resolver este problema, que puede contener zoom, relleno, margen y otros atributos. como sigue:
Al ver que se restableció el efecto normal, pensé en lo que podría haber causado el fallo de :hover. Puedes usar zoom, visualización, relleno y otros atributos para hacerlo, así que pensé que podría deberse a haslayout. Bueno, ese es probablemente el caso. Pero si continúa probando, encontrará que no importa qué atributos escriba en:hover{}, como color, tamaño de fuente, desbordamiento (incluso atributos que no existen, como xx:yyy), puede restaurarlo normal.
¿Te sientes un poco aturdido después de probarlo aquí? Sí, yo también soy así. En cuanto al motivo, todavía no lo sé, tal vez alguien lo sepa.
a: flotar {zoom: 1;}
a:coloque el cursor sobre ellos{color:#F00;}
<a href="?">Cambiar mi <em>color</em></a> al pasar el mouse
a:coloque el cursor sobre ellos{color:#F00;}
<a href="?">Cambiar mi <em>color</em></a> al pasar el mouse
a: flotar{color:#F00;}
<a href="?">Cambiar mi color al pasar el mouse</a>