Hacks en CSS útiles para Internet Explorer (2)

El uso de !important

Este operador es utilizado en los archivos CSS para que los navegadores respeten la importancia de la propiedad que lo contenga y evite que se sobrescriba con otras que se definan posteriormente.

Internet Explorer 6 y las versiones anteriores no interpretan este operador; problema que fue solucionado en la versión 7 de este navegador.

p {  
background: green !important; 
/* Navegadores superiores a IE 6 respetarán la importancia inmediatamente */  
background: red; 
/* IE 6 y anteriores aplicará este estilo aunque esté marcado la anterior como importante */  
}

En el ejemplo anterior el fondo de la página se mostrará rojo para IE 6, mientras que para Internet Explorer 7 y el resto de los navegadores se verá verde.

Sin hacks en nuestros CSS

El desarrollador Dean Edwards pone a disposición de todos, bajo licencia GNU LGPL, la librería JavaScript IE7, para hacer que Internet Explorer (Navegadores Microsoft IE) se comporten como un navegador que sigue los estándares. Además hace que los PNG transparentes funcionen correctamente en las versiones 5 y 6 del navegador y soluciona diversos problemas relacionados a la interpretación del CSS.

Para utilizar esta librería debemos descargarla de Google Code y seguidamente agregar estas líneas entre las etiquetas :

	<!--[if lt IE 7]>  
	<script src="/ie7/ie7-standard-p.js" type="text/javascript">  </script>  
	<![endif]-->

Con este código cargamos el script chequeando que el navegador sea Internet Explorer, utilizando para esto el hack del que hablábamos al inicio.

Usuarios que han visto este tema también han visto...

- Efectos sobre elementos Input
- Elementos AFTER y BEFORE en CSS
- Menú rollover en CSS sin JavaScript
- Personalizar Mozilla para saber el tipo de enlace que pulsas con CSS
- Superposición de imágenes con CSS

- Versión imprimible de este documento

- Enviar por e-mail este documento