Blog Web Standards

Soluções para os problemas enfrentados pelos desenvolvedores HTML e CSS no dia-a-dia

Uma boa maneira de fugirmos dos hacks é usar os conditional comments.

Por padrão, utilizamos este para o Internet Explorer 7, para evitarmos utilizar hack específico para este navegador:

<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/estilo_ie7.css" media="screen" /><![endif]-->

Se quisermos fazer um CSS específico para o IE6, basta trocar o conditional comment:

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/estilo_ie7.css" media="screen" /><![endif]-->

Caso queira algum outro tipo específico, segue abaixo uma listagem de várias possibilidades:

<!--[if IE]>
De acordo com o conditional comment, este código é para  Internet Explorer
<![endif]-->
<!--[if IE 5]>
De acordo com o conditional comment, este código é para  Internet Explorer 5
<![endif]-->
<!--[if IE 5.0]>
De acordo com o conditional comment, este código é para  Internet Explorer 5.0
<![endif]-->
<!--[if IE 5.5]>
De acordo com o conditional comment, este código é para  Internet Explorer 5.5
<![endif]-->
<!--[if IE 6]>
De acordo com o conditional comment, este código é para  Internet Explorer 6
<![endif]-->
<!--[if IE 7]>
De acordo com o conditional comment, este código é para  Internet Explorer 7
<![endif]-->
<!--[if gte IE 5]>
De acordo com o conditional comment, este código é para  Internet Explorer 5 e mais novos
<![endif]-->
<!--[if lt IE 6]>
De acordo com o conditional comment, este código é para  Internet Explorer mais antigo que 6
<![endif]-->
<!--[if lte IE 5.5]>
De acordo com o conditional comment, este código é para  Internet Explorer mais antigo ou igual a 5.5
<![endif]-->
<!--[if gt IE 6]>
De acordo com o conditional comment, este código é para  Internet Explorer mais novo que 6
<![endif]-->

Artigos relacionados

  1. Hack para Internet Explorer 6 Em desuso. Esse código está ultrapassado em nosso padrão, então...
  2. Cantos arredondados no Internet Explorer (sem imagens) Em desuso. Esse código está ultrapassado em nosso padrão, então...
  3. Hover, focus e active em qualquer elemento no Internet Explorer 6 Uma das diversas limitações apresentadas pelo IE6 está relacionada ao...
  4. Hack para Safari e Google Chrome Em desuso. Esse código está ultrapassado em nosso padrão, então...

3 comentários

Responder
  1. 28 de dezembro de 2009

    Hack para Internet Explorer 6 | Blog Web Standards disse:

    [...] preferimos adotar essa prática ao invés de um conditional comment para o IE6, para evitar de termos diversos CSS específicos para cada navegador. Portanto só [...]

  2. 13 de agosto de 2010

    Documento base para HTML | Blog Web Standards disse:

    [...] Não usamos mais conditional comments para o Internet Explorer 7, salvo os casos em que seja realmente [...]

  3. 12 de abril de 2011

    Listagem horizontal com itens de mesma altura | Blog Web Standards disse:

    [...] E um ajuste para o IE7 – em um CSS separado (se não lembra como fazer, é bom dar uma lida em Conditional comments para Internet Explorer: [...]

Escreva seu comentário