Hacks para IE
Postado em 3 de agosto de 2010 por Henderson | Categorias: CSS | Tags: CSS, Hack IE6, Hack IE7, Hacks IE | Sem comentários » | Comentar
Abaixo algumas técnicas para correções de CSS no Internet Explorer 7 e 6. Para importar um arquivo de folha de estilos CSS difetente para o versões 6 e 7 do IE utilize no HEAD do HTML:
<!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie.css" /> <![endif]-->
<!--[if IE 5.0]>
<link rel="stylesheet" type="text/css" href="ie-5.0.css" />
<![endif]--><!--[if IE 6]> <link rel="stylesheet" type="text/css" href="ie-6.0.css" /> <![endif]-->
<!–[if lte IE 6]>
<link rel=”stylesheet” type=”text/css” href=”http://www.seusite.com.br/wp-content/themes/tema/style_ie6.css” />
<![endif]–><!–[if lte IE 7]>
<link rel=”stylesheet” type=”text/css” href=”http://www.seusite.com.br/wp-content/themes/tema/style_ie7.css” />
<![endif]–>
O “lt 6” significa later 6, ou seja, anteriores a versão 6.
Mais detalhes consulte: http://maujor.com/tutorial/ie7-hack.php
Outra forma bem simples de resolver pequenos problemas dos IE’s é usar dentro do arquivo de CSS linhas que serão interpretadas somente no versões pre-determinadas do Internet Explorer, veja abaixo:
#box { background-color:red; /* Todos interpretam essa linha */ background-color /*\**/: #FFCC00\9; /* Apenas IE 8 */ *background-color:blue; /* Apenas IE7 e IE6 */ _background-color:green; /* Apenas IE6 */ }
O ( * ) colocado antes do parametro de CSS vai fazer com que o IE6 e 7 interpretem essa linha, os demais navegadores vão desconsiderar esse parametro. O ( _ ) vai fazer com que apenas o IE6 interprete essa linha.
Saiba mais em: http://www.toprated.com.br/css-hacks-ie6-ie7-firefox
Uma outra forma de criar Hacks para IE 6 e 7:
/* "Hack" para o IE6 */ * html div#header { margin:0 0 5px; } /* "Hack" para o IE7 */ *:first-child+html div#header { margin:0 0 5px; }
Deixe um comentário