Png transparente no Internet Explorer 6
Comments(3)
por Bruno Ferrão.
A solução já é batida no meio dos desenvolvedores de interface e o funcionamento depende do cabeçalho DocType em xHtml 1.0 transitional.
Trata-se do famoso pngFix.js , hack inspirado nas idéias do colega Michael Lovitt. Basicamente um script que varre o código html atrás de imagens com a extensão .png para implementar a propriedade Cascade Style Sheet “Filter”.
A interpretação do valor “progid:DXImageTransform.Microsoft.AlphaImageLoader” para a propriedade css “filter”, foi implementada pela Microsoft no Internet Explorer, nas versões inferiores a versão 7, justamente para atender à demanda de imagens .png com pixels transparentes, veja a documentação oficial.
Segue o link para o estudo e a solução: http://homepage.ntlworld.com/bobosola/index.htm
Ps: há possibilidade de conflito com frameworks e libraries javascript como Jquery. Onde é necessária a intervenção através da criação de uma função a ser chamada após a renderização da interface inicial.
Enjoy!
Outra solução é o SupersLeight (http://24ways.org/2007/supersleight-transparent-png-in-ie6).
Irei testar está e ver qual é melhor e mais flexivel.
O problema de conflito também ocorre no supersleight, o segredo é chamar o script no rodapé, onde geralmente colocamos códigos do Google Analytics entre outros.
Eu num curto hacks…eu acho que o IE6 é que tem que ir para o meio de los infiernos!!
Pô Bruno! Concordo contigo plenamente mas, infelizmente…, temos de enxergar essa fatia de usuários que insistem navegar com essa versão falida do Ie.
Foda é ter de deixar de lado o png por causa desses infelizes.. rs