Guía de referencia para los históricos errores de renderizado y peculiaridades de JavaScript encontrados al mantener sitios heredados de Internet Explorer (IE8).
Peculiaridades conocidas de IE8 y soluciones
1. Eventos change en controles de radio y casillas de verificación
En IE8, el evento change en <input type="checkbox"> y <input type="radio"> no se dispara al instante al hacer clic; solo se dispara al perder el foco.
- Solución: Escucha el evento
clicken lugar dechangepara actualizaciones de estado instantáneas.
2. Elementos <label> clicables que envuelven campos de entrada
En IE8, hacer clic en un <label> que contiene un <input> no activa ni enfoca el control interno.
- Solución: Asigna a cada entrada un
id="..."único y vincúlalo explícitamente con<label for="...">.
3. Herencia de opacidad en descendientes posicionados
Establecer filter: alpha(opacity=50); en un elemento padre no se propaga a hijos con position: relative o position: absolute.
- Solución: Aplica la regla de filtro de opacidad directamente a los elementos hijos posicionados.
4. Peculiaridades del activador hasLayout (IE6 / IE7)
Muchos fallos de maquetación (contenido que desaparece, colapsos del modelo de caja) en IE6/7 ocurrían cuando un elemento carecía de dimensiones internas.
- Corrección: Activa
hasLayoutusandozoom: 1;en CSS.