Men煤 Cerrar

Hojas de Estilo CSS espec铆fico para 馃寪 Internet Explorer

CSSHojasdeestilo

#1 Comentarios Condicionales para IE

Probablemente este sea el recurso mas utilizado para solucionar bugs de Internet Explorer para versiones especificas (IE 6, IE 7, IE 8).

Lo que hace es detectar que versi贸n de IE esta usando nuestro visitante, dependiendo de que versi贸n sea le decimos que cargue determinado estilo.

Aqu铆 te dejamos el ejemplo de como se usa para las diferentes versiones de Internet Explorer.

  • <!--[if IE 8]> = IE 8
  • <!--[if lt IE 8]> = IE 7 y versiones anteriores
  • <!--[if gte IE 8]> = IE 8 en adelante
<!--[if IE 8]>
<style type="text/css">
	/* css para IE 8 */
</style>
<![endif]-->

<!--[if lt IE 8]>
	<link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

Nota: Fueron creados por Microsoft para su navegador y s贸lo son soportados por 茅ste.

#2 Reglas de CSS especificas para Internet Explorer (IE CSS hacks)

Otra opci贸n es declarar reglas de CSS que solo puedan ser le铆das por Explorer.

Por ejemplo, agregando un asterisco (*) antes de la propiedad del CSS afectar谩 solo al IE7 y agregando el gui贸n bajo (_) afectara solamente al IE6. Sin embargo, estos m茅todos no son recomendados porque no cumple con los est谩ndares de validaci贸n del CSS.

  • IE8 y versiones anteriores: para escribir reglas de CSS espec铆ficas para IE8 o versiones antiguas, agrega una backslash y 9 (9) al final, antes del semicolon.
  • IE7 y versiones anteriores: agrega un aster铆sco (*) antes de la propiedad CSS.
  • IE6: agrega gui贸n bajo (_) antes de la propiedad.
.box {
	background: gray; /* standard */
	background: pink9; /* IE 8 y anteriores */
	*background: green; /* IE 7 y anteriores */
	_background: blue; /* IE 6 */
}

#3 Clases Condicionales en HTML

La tercera opci贸n es agregar una clase al HTML para los que usen Internet Explorer agregando en nuestro c贸digo comentarios condicionales. Basicamente lo que hace esto es checkear si se esta usando IE, entonces le agrega la clase al . De esta manera podremos modificar nuestras propiedades CSS para cualquier version de IE (por ejemplo .ie6 .box).

Este es un m茅todo bastante interesante y no causa errores de validaci贸n.

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class ="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->

Visita nuestro canal en y Suscr铆bete



Publicado en Soporte Tecnico

Te puede interesar...

Deja una respuesta

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *

No soy un Robot: − 3 = 2