Hacks para Internet Explorer
Escrever uma página 100% idêntica para vários browsers pode parecer impossível. Mas não é.
Para contornar isso, hacks são usados, para tentar uma aproximação entre browsers.
more
A primeira forma de esquivar o CSS para diferentes browsers é uma instrução dentro do <head>:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie.css" />
<![endif]-->Nesse caso, todos estilos especificados para o I(gnorant) Explorer estariam no arquivo all-ie.
Mas também é possível escrever folhas de estilos para versões distintas do browser da Microsoft, bastando especificar a versão:
<!--[if IE 5.0]>
<link rel="stylesheet" type="text/css" href="ie-5.0.css" />
<![endif]-->Para IE 5
<!--[if IE 5.5]>
<link rel="stylesheet" type="text/css" href="ie-5.5.css" />
<![endif]-->Para IE 5.5
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie-6.0.css" />
<![endif]-->Para IE 6
<!--[if IE lt 6]>
<link rel="stylesheet" type="text/css" href="ie-5.0+5.5.css" />
<![endif]-->O “lt 6” significa later 6, ou seja, anteriores a versão 6.
<style type="text/css">
@import("ie51.css");
</style>Somente para IE for Macintosh
Outras formas de fazer algo funcionar somente no IE:
* html #test-span { color:green; }Nesse caso, #test-span será verde, somente no IE
Mais do mesmo:
- Hack-free CSS for IE
- Explorer Exposed!
- Acid2, teste do W3C para testar a renderização dos browsers
- CSS Hack – wiki
- arqHP, onde tudo começou