<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <corpo>
<html xmlns="http://www.w3.org/1999/xhtml">
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hack CSS que diferencia IE6, IE7, IE8 e FireFox</title>
<style type="texto/css">
<!--
#teste,#nota{
margem:0 automático;
alinhamento de texto:centro;
}
.nota{ alinhamento de texto: esquerda; recuo de texto: 40px;}
#teste {
largura:200px;
altura:30px;
borda: 1px sólido #000000;
cor:#fff;
altura da linha:30px;
}
.cor{
background-color: #CC00FF; /*Todos os navegadores exibirão roxo*/
cor de fundo: #FF00009; /*IE6, IE7 e IE8 serão exibidos em vermelho*/
*cor de fundo: #0066FF; /*IE6 e IE7 ficarão azuis*/
_background-color: #009933; /*IE6 ficará verde*/
}
-->
</estilo>
</head>
<div id="test" class="color">Bloco de teste zss</div>
<div id="nota">
<strong style="color:#009933">IE6 acaba verde</strong>
<strong style="color:#0066FF">IE7 fica azul</strong>
<strong style="color:#FF0000">IE8 acaba em vermelho</strong>
<strong style="color:#CC00FF">FireFox finalmente fica roxo</strong>
<div class="nota">
Hoje vi um artigo no hiccblogs sobre compatibilidade com o IE8. Infelizmente, só é compatível com o IE e é baseado no núcleo do IE7, que tem grandes limitações. Acho que sou relativamente proficiente em compatibilidade CSS. Como o IE8 foi lançado, vamos estudar a compatibilidade do IE8.
</div>
<div class="note">A compatibilidade CSS sempre foi uma dor de cabeça para todos. IE6, IE7 e FF já incomodaram a todos. Em artigos anteriores, muito conhecimento nesta área foi apresentado. Desde que a versão oficial do IE8 foi lançada, tenho tentado encontrar uma maneira de diferenciá-la da versão oficial do IE8. Pesquisar no Baidu tem muitos resultados, e pesquisar no Google tem ainda mais resultados. Há uma grande diferença entre a versão oficial e a versão beta do IE8 em termos de hacks. Além disso, quase todos os métodos na Internet são reimpressos uns dos outros. O que aparece com mais frequência é a imagem do hack do linxz.cn. Infelizmente, o método nesta imagem é inválido para a versão oficial do IE8.
Após análise e resumo, temos as seguintes soluções eficazes. Talvez haja hacks melhores e mais simples no futuro, mas por enquanto, este método pode resolver a necessidade urgente.<br />
</div>
<div class="nota">
<ul>
<li style="list-style:none;"><strong style="color:#009933">Exemplo simples:</strong></li>
<li>"9" Exemplo: "margem:0px auto9;".</li>
<li>O "9" aqui pode distinguir entre todos os IE e FireFox.</li>
<li>"*" O IE6 e o IE7 podem reconhecê-lo e o FireFox não.</li>
<li>"_" O IE6 pode reconhecer "_", mas o IE7, o IE8 e o FireFox não.</li>
</ul>
</div>
</div>
</body>
</html>