Cómo orientar únicamente a Internet Explorer Tráfico

Al escribir las páginas de la Web, hay momentos en que algo muestra diferente en Internet Explorer que en Firefox y otros navegadores web. Cuando esto sucede, usted tiene tres opciones: dejar las diferencias, cambiar el código para que muestre la misma en todos los navegadores, o el código utilizado para diferentes navegadores. Si tiene que usar código diferente para diferentes navegadores, hay dos opciones: los comentarios condicionales o hacks CSS. los comentarios condicionales son los preferidos ya que son HTML válido y se pueden colocar en cualquier lugar en el documento donde se pueden colocar los comentarios.

Instrucciones

Comentarios condicionales

1 Crear un comentario con una sentencia condicional y el código que se muestra si se cumple la condición. Internet Explorer puede leer estos comentarios condicionales, mientras que otros navegadores los ignoran como comentarios:

<! - [If IE]>

Esto se mostrará sólo para Internet Explorer

<! [Endif] ->

Si desea orientar una versión específica de IE, dar el número de versión, después de la IE:

<! - [If IE 7]>

Esta es la pantalla en Internet Explorer 7

<! [Endif] ->

2 Añadir operadores, según sea necesario. Estos operadores permiten una identificación más precisa. Las opciones de operador son los siguientes:

LT: Menos

dejar que: inferior o igual a

GT: Mayor que

gte: Mayor o igual a

!: No

Y: Y

|: O

(): Se utiliza para rodear una subexpresión

verdad verdad

falso: Falso

Algunos ejemplos son:

<! - [If lt IE 7]>

Esto se mostrará en los navegadores menos de Internet Explorer 7.

<! [Endif] ->

<! - [If (IE 6) | (IE 8)]>

Esto se mostrará en Internet Explorer 6 e Internet Explorer 8.

<! [Endif] ->

<! - [! Si el IE 7]>

Esto se mostrará en Internet Explorer, excepto Internet Explorer 7.

<! [Endif] ->

3 Objetivo a una hoja de estilo en cascada (CSS). No se pueden utilizar los comentarios dentro de una hoja de estilo, por lo que la forma más común el uso de hojas de estilo en los comentarios condicionales 'es tener una hoja de estilo separada para IE (o versiones específicas de IE), y los oriente con los comentarios condicionales. En el siguiente ejemplo, main.css se mostrará en todos los navegadores, nada en ie.css se utilizará en todas las versiones de IE y ie7.css se utilizará sólo para IE 7.

<Link href = "main.css" rel = "stylesheet" type = "text / css">

<! - [If IE]>

<Link href = "ie.css" rel = "stylesheet" type = "text / css">

<! [Endif] ->

<! - [If IE 7]>

<Link href = "ie7.css" rel = "stylesheet" type = "text / css">

<! [Endif] ->

4 Utilizar para apuntar HTML. Si bien los comentarios condicionales se utilizan sobre todo para la CSS, también se pueden utilizar para mostrar HTML específicos para las diferentes versiones de IE. Utilizar los operadores para que apunte a la versión de IE que necesita y añadir el código HTML que desee dentro de los comentarios.

<! - [If IE 8]>

<P> Esto sólo se mostrará en Internet Explorer 8 </ p>

<! [Endif] ->

<! - [If lte IE 7]>

<P> Esto sólo se mostrará en Internet Explorer 7 o anterior </ p>

<! [Endif] ->

5 JavaScript objetivo. comentarios condicionales también se pueden utilizar para apuntar JavaScript o cualquier otro código de cliente. Asegúrese de que la colocación del comentario es válido.

6 Usar CSS hacks sólo si es necesario. Si bien los comentarios condicionales son las mejores prácticas, algunos utilizan hacks CSS para apuntar Internet Explorer. Antes de tomar la decisión de utilizarlos, lo mejor es saber por qué no son las mejores prácticas.

hacks CSS no son a menudo marcado válido, haciendo que el código para no pasar la validación. También hacks CSS no son a prueba de futuro. Cuando IE 8 fue puesto en libertad, mucha gente tuvo que volver a su código y hacer cambios para que las páginas no se rompieron en IE 8. El uso de código que valida ayudará a evitar que esto ocurra.

Si todavía se necesita un hack CSS, hay varios trucos que funcionan en diferentes versiones:

color rojo; / Se mostrará en todos los navegadores que no se deje supeditarse a continuación /

Color: Naranja \ 9; / Mostrará en IE 8 o por debajo /

color amarillo; / Mostrará en IE 7 o menos * /

+ color: green; / Mostrará sólo en IE 7 * /

_color azul; / Mostrará en IE6 o inferior /

Color: púrpura \ 0 /; / Va a abrir el IE 8 solamente. Debe ser el último elemento de la lista /

Consejos y advertencias

• Evitar CSS Hacks siempre que sea posible.