browsercss

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.

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:

Interactions

Webmentions

Like this content? Buy me a coffeeor share around:

0 Like

0 Reply & Share