<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <cuerpo>
<html xmlns="http://www.w3.org/1999/xhtml">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" />
<title>Hack CSS que diferencia IE6, IE7, IE8 y FireFox</title>
<tipo de estilo="texto/css">
<!--
#prueba,#nota{
margen:0 automático;
alineación de texto:centro;
}
.nota{ text-align:left; text-indent:40px;}
#prueba {
ancho: 200 px;
altura: 30 píxeles;
borde: 1px sólido #000000;
color:#fff;
altura de línea: 30 px;
}
.color{
color de fondo: #CC00FF /*Todos los navegadores se mostrarán en color violeta*/
color de fondo: #FF00009; /*IE6, IE7 e IE8 se mostrarán en rojo*/
*fondo-color: #0066FF; /*IE6 e IE7 se volverán azules*/
_background-color: #009933; /*IE6 se volverá verde*/
}
-->
</estilo>
</cabeza>
<div id="test" class="color">Bloque de prueba zss</div>
<div id="nota">
<strong style="color:#009933">IE6 termina en verde</strong>
<strong style="color:#0066FF">IE7 termina en azul</strong>
<strong style="color:#FF0000">IE8 termina en rojo</strong>
<strong style="color:#CC00FF">FireFox finalmente se vuelve violeta</strong>
<div clase="nota">
Hoy vi un artículo en hiccblogs sobre la compatibilidad con IE8. Desafortunadamente, solo es compatible con IE y está basado en el núcleo de IE7, que tiene grandes limitaciones. Creo que soy relativamente competente en compatibilidad con CSS. Desde que se lanzó IE8, estudiemos la compatibilidad de IE8.
</div>
<div class="note">La compatibilidad con CSS siempre ha sido un dolor de cabeza para todos. IE6, IE7 y FF ya han preocupado a todos en artículos anteriores. Desde que se lanzó la versión oficial de IE8, he estado tratando de encontrar una manera de distinguirla de la versión oficial de IE8. La búsqueda en Baidu tiene muchos resultados y la búsqueda en Google tiene aún más resultados. Hay una gran diferencia entre la versión oficial y la versión beta de IE8 en términos de hacks. Además, casi todos los métodos en Internet se reproducen entre sí. El que aparece con más frecuencia es la imagen de hack de linxz.cn. Lamentablemente, el método de esta imagen no es válido para la versión oficial de IE8.
Después del análisis y el resumen, tenemos las siguientes soluciones efectivas. Quizás haya trucos mejores y más simples en el futuro, pero por ahora, este método puede resolver la necesidad urgente.<br />
</div>
<div clase="nota">
<ul>
<li style="list-style:none;"><strong style="color:#009933">Ejemplo sencillo:</strong></li>
<li>"9" Ejemplo: "margen:0px auto9;".</li>
<li>El "9" aquí puede distinguir entre IE y Firefox.</li>
<li>"*" IE6 e IE7 pueden reconocerlo y Firefox no.</li>
<li>"_" IE6 puede reconocer "_", pero IE7, IE8 y Firefox no pueden.</li>
</ul>
</div>
</div>
</cuerpo>
</html>