Cansado do Bug do PNG no IE ?

Tava de conversa com um amigo meu no msn, quando ele me fala que descobriu como tirar o bug no PNG transparente no IE. Faça um teste você mesmo, crie um PNG transparente e coloque em uma página. Rode no IE e veja o que acontece, provavelmente ele não mostrará ele como um PNG transparente, colocará um fundo meio verde-claro.

Bom, vejamos como tirar isso de uma ves por todas.

<style type="text/css"> / Alpha PNG support for IE ------------------------------ Aviso, este código abaixo funciona apenas para visualização na tela. Quando este documento for impresso, o bug voltará. O Hack Abaixo faz o código rodar apenas no IE. Sendo que os outros browsers como, Firefox, Opera e Safari já tem a transparencia de PNG nativo. \/ * html img/**/ {  filter:expression(    this.alphaxLoaded ? "" :    (     this.src.substr(this.src.length-4)==".png"     ?     (      (!this.complete)      ? "" :       this.runtimeStyle.filter=       ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+       (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+       String(this.alphaxLoaded=true).substr(0,0)+       (this.src="blank.png").substr(0,0)     )     :     this.runtimeStyle.filter=""    )   ); } html, body {  color:#000;  background:#333333; }</style>

Certifique-se de criar uma imagem transparente com o nome blank.png e coloque na mesma pasta no seu CSS, logo após insira o CSS acima em sua Folha de Estilos. Agora rode a mesma página e veja o resultado.

Dica, sabe quando você faz akeles gif transparent pra ficar como borda do seu site, e sempre fica umas parte com erro, agora com o pNG fica mto mais facil. ;)/>

Flw ae, qualquer dúvida estamos ae.

NeoN

Obs.: O DeviantArt usa isso no seu sistema de 404, o código acima foi adaptado.