Cómo ocultar CSS Desde Internet Explorer 6

Una de las frustraciones de alta en la lista de dificultades que enfrentan los diseñadores Web es el bugginess de las versiones anteriores de Internet Explorer. Dado que Internet Explorer no lo hace de actualización automática como Firefox, Chrome u Opera, los usuarios de este navegador a menudo se clavan con la versión que se incluye con su ordenador. En el caso de los usuarios que funcionan en ordenadores Windows XP anteriores, sus equipos llegaron con Internet Explorer 6. Microsoft lanzó "comentarios condicionales" como una manera de ayudar a los diseñadores Web frente a las deficiencias de Internet Explorer, específicamente sus errores CSS. Puede usar estos comentarios para ocultar CSS basado en el explorador que utiliza el visitante.

Instrucciones

1 Abra el archivo HTML de la página Web, o el archivo que contiene la información de cabecera si su sitio web utiliza una plantilla. Busque el "<link>" etiqueta que contiene la ruta de acceso al archivo CSS. Muchos sitios web utilizan varios archivos CSS, lo que puede encontrar múltiples "> <link" etiquetas.

2 Envoltura de Internet Explorer comentarios condicionales alrededor de cada etiqueta "<link>" que apunta a un archivo CSS que desea ocultar. Escriba sus comentarios condicionales para que prueban para los navegadores que no sean Internet Explorer 6. Su código se verá así:

<! - [! Si el IE 6]>

<Rel = "stylesheet" type link = "text / css" href = "ruta / a / stylesheet.css" />

<! [Endif] ->

3 Crear un nuevo archivo CSS y el nombre de algo así como "ie6.css" para que sea más fácil encontrar y editar más tarde. Añadir cualquier específica CSS para Internet Explorer 6 en este archivo, tales como márgenes utilizando los valores que dan cuenta de los errores de tu navegador o retrocesos de imagen para gradientes CSS.

4 Insertar el nuevo archivo CSS en su página Web mediante la adición de esta línea de código por debajo de todos los demás "> <link" etiquetas:

<Link rel = "ruta / a / ie6.css" tipo "hoja de estilo" = "text / css" href = />

5 Envolver el nuevo "<link>" etiqueta en los comentarios condicionales de nuevo, pero esta vez, la prueba sólo para el navegador Internet Explorer 6. Copiar y pegar la otra comentarios condicionales que escribió y luego quitar el signo de exclamación en la parte delantera del "IE" para hacer esto. Aquí está el código resultante:

<! - [If IE 6]>

<Link rel = "ruta / a / ie6.css" tipo "hoja de estilo" = "text / css" href = />

<! [Endif] ->

Consejos y advertencias

• También puede añadir comentarios condicionales en torno a cualquier otro bloque de código HTML que desee, ya sea un cuerpo de la etiqueta con una clase específica de Internet Explorer o CSS escrito entre "<style>" etiquetas.
• los comentarios condicionales sólo existen para los navegadores de Microsoft. El uso de JavaScript u otro lenguaje de programación basado en la Web para ocultar CSS de los navegadores no son de Internet Explorer.
• Siempre una copia de seguridad de los archivos HTML y CSS antes de editarlos.