Quarta-feira, 25 de julho de 2007 às 15:59   (Última atualização: 31/07/2008 às 17:07:24)

Desenvolvimento: Conditional Comments

Publicado por: Thiago Melo

Conditional Comments ou Comentários Condicionais são comentários no código (X)HTML que somente o Internet Explorer reconhece e os demais browsers consideram como um comentário. Trata-se de um código proprietário da Microsoft que permite a escolha, por exemplo, da versão do browser na qual você precisa de ajustes.

Esta é a solução que eu mais gosto para resolver problemas com CSS no Internet Explorer 6 e 7 e é muito simples.

Implementação

Para implementar, basta escolher abaixo a versão do Internet Explorer que você precisa ajustar e colar o código específico antes da tag </head>.

<!--[if IE]>
     Para todas as versões do Internet Explorer
<![endif]-->

<!--[if IE 5]>
     Apenas para o Internet Explorer 5
<![endif]-->

<!--[if IE 5.5]>
     Apenas para o Internet Explorer 5.5
<![endif]-->

<!--[if IE 6]>
     Apenas para o Internet Explorer 6
<![endif]-->

<!--[if IE 7]>
     Apenas para o Internet Explorer 7
<![endif]-->

<!--[if gte IE 5]>
     Para o Internet Explorer 5 e versões superiores
<![endif]-->

<!--[if lt IE 6]>
     Para versões anteriores ao Internet Explorer 6
<![endif]-->

<!--[if lte IE 5.5]>
     Para o Internet Explorer 5.5 e versões inferiores
<![endif]-->

Exemplo de implementação

Folhas de estilos (CSS)

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

Esta folha de estilo (CSS) é interpretada somente pelo Internet Explorer 6, sendo que os demais browsers consideram como um comentário.

Categorias:

Compartilhe: