O problema de renderização do Internet Explorer 6 (IE6) em exibir arquivos de imagens ou estilos de background com a extensão .png, se tornou rotineiro na maioria dos sites com um grande volume de curvas no seu design. Esse problema se tornou uma assombração para todos os codificadores que trabalham com xhtml/css.
Depois de muitas tentativas de desenvolvedores web em produzir um script capaz de corrigir, em todos os sentidos, o problema de renderização do Internet Explorer 6, acaba de surgir um script que está sendo muito bem recebido por eles.
O “DD_belatedPNG” chegou para confrontar todos os outros scripts. Com ele você não terá mais problemas, pois não será utilizado methodsize para exibir as imagens em png. Logo, você pode utilizar background-repeat e background-position à vontade, um artifício que a maioria dos seus concorrentes não possibilita.
Insira o código abaixo na tag “head” do seu documento, este código está comentado e somente irá funcionar no Internet Explorer 6. No código, é possivel visualizar a classe .png. Em qualquer elemento que você inserir a classe “.png”, o script irá rodar a correção.
<!--[if IE 6]>
<mce:script mce_src="includes/js/DD_belatedPNG_0.0.7a-min.js"></mce:script>
<mce:script type="text/javascript"><!
/* EXAMPLE */
DD_belatedPNG.fix('.png');
/* string argument can be any CSS selector */
/* .png_bg example is unnecessary */
/* change it to what suits you! */
// -->
<!--[endif]-->Assine o Feed RSS dos comentários deste post | URL de TrackBack
dos santos Comentário por 10 de janeiro de 2010 @ 0:37
finalmente um hack que funciona, tentei o jquery mais não sei se escrevi algo errado, sei que não funcionou , então valeu!!!