jul42009

5 Hacks importantes para o IE que você deve saber

<!–[if lte IE 6]> <![endif]–>


A maioria das pessoas usam este código. Primeiro você cria um arquivo CSS que mais acessível ao Firefox e depois cria um com algumas modificações para o IE.

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


Para outras versões do IE basta mudar o número 6 para a versão desejada.


O hack inline para o ie

Não no seu código do seu web site mas sim no seu arquivo css.

#header {
margin-left: 10px; /* código comum */
_margin-left: 20px /* código com hack */
}


Iepngfix.htc

Este é o hack mais popular para deixar suas imagens .png com fundo transparente no IE, para usá-lo basta aplicar o seguinte código.

<!--[if lte IE 6]>
<style>
#header, #navigation, e outra id ou classe que você tem .png background-image { behavior: url("caminho para seu pngfix/iepngfix.htc") }
</style>
<![endif]-->


DD_belatedPNG

É um hack para PNG transparente para o browser IE.

<!–[if IE 6]>
<script src=”DD_belatedPNG.js”></script>
<script>
DD_belatedPNG.fix(’#container, #banner, #logo‘);
</script>
<![endif]–>


Mensagem de aviso (não recomendado)

Este hack você deve usar apenas quando não tem mais nem uma solução para o IE6, use apenas quando precisar, ao contrário o cliente pode se sentir ofendido ou então nem baixar um browser compatível fazendo assim você perder um acesso ao seu site.

$(function(){
if($.browser.msie && $.browser.version<7)
$('#top').before(
'<div>'+
'Foi detectado que você está usando o IE6 ou uma versão anterior.
Infelizmente não suporta este website'+
'\'
Recomendamos que você atualize para o '+
'Internet Explorer ou FireFox.'+
'</div>'
)
});

  1. Philipe Monteirojulho (27), 2009
  2. rafaelrpagosto (5), 2009

Deixe uma resposta