Una css condicional para todas las versiones de IE?

StackOverflow https://stackoverflow.com/questions/2809839

Pregunta

¿Es una buena idea para poner todas las reglas CSS condicionales en una hoja de estilo condicional en lugar de hacer múltiples hojas de estilo para diferentes versiones de IE?

Ejemplo: 

<!--[if IE]>
 <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

contenido de todo-ie-only.css: 

selector {  
   color : green\9; /* IE8 and below */  
  *color : yellow; /* IE7 and below */  
  _color : orange; /* IE6 */
}

El uso de IE subrayado / asterisco hacks véase: http://webstandardstips.com/2008/11/18/css-hacks-for-ie-only-style-rules/

¿Fue útil?

Solución

La ventaja que veo en esta técnica es que usted tiene sólo una hoja de estilos en su servidor que puede ser más fácil de mantener.

La desventaja es que los usuarios tendrán que descargar todo el archivo que puede ser 3 veces más grande por lo tanto, teniendo más tiempo para la descarga y al proceso.

Aparte de eso, creo que no hay otros problemas con él.

Otros consejos

Sí, está bien. Creo que se convierte en una cuestión de cuántos elementos del archivo tiene que sostener. Si acaba anulando 1/2/3 cosas, el archivo solo tiene mucho más sentido. En algún punto arbitrario (10 cosas? 100 líneas de código), yo diría que el comercio de los columpios para otro lado y es más fácil de mantener los tres archivos.

¿Qué pasa si el IE 10 llega y anula algunos de estos cortes? Creo que este enfoque contradice el objetivo de usar el IE comentarios condicionales en lugar de los cortes, que siendo más una aplicación preparada para el futuro.

Además, ¿hay alguna ventaja, además de un poco más fácil el mantenimiento y ahorro de tamaño de archivo HTML insignificantes? Como se ha mencionado LuckyShot, ya es un detrimento para los usuarios de IE que tendrán que descargar un archivo de navegador específica más grande.

esto es correcto utilizar esto para todas las versiones de IE. pero cuando se utiliza esto, entonces usted va a encontrar que, esto no es w3c valid. En general, es decir, crear problem.Safari, Chrome y Firefox se ejecutará estos good.I creo que esto es mejor idea de utilizar una CSS para todas las versiones de IE.

Mientras funciona y su validez, entonces realmente no importa si su archivo o en 1 3, su preferencia simplemente personal.

En lo personal, yo prefiero tener una hoja separada para cada versión de IE (si es necesario), ya que resulta más fácil de organizar.

Como dije, si su complient W3C (Dios, no nos encanta ellos), entonces todo es bueno.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top