IE6′daki PNG Sorunu

Bu yazı 5 ay 29 gün önce yayınlanmış olduğundan güncelliğini yitirmiş veya içeriğindeki bilgilerin geçerliliği kaybolmuş olabilir. Herhangi bir yanlış anlaşılmadan bu site sorumlu değildir.

İnternet Explorer 6, web tasarımcıları ve programcıları için tam bir başbelası tarayıcıdır. Windows XP’nin yaygın olarak kullanılmasından dolayı da, hala kullanılmaktadır. İnternet Explorer 6′nın başlıca sorunlarından birisi de şeffaf PNG resimlerde sorun çıkartmasıdır. PNG yerine GIF formatı tercih edilebilir, ancak GIF kısıtlı renk paletine sahip bir format olduğu için, dönüştürmeler sırasında görüntü kaybı yaşanır. Bu makalede, sadece bir adet JavaScript dosyası yardımıyla şeffaf PNG formatlarının IE6′da nasıl sorunsuz çalıştırılacağını anlatacağım.

Öncelikle uygulama için kullanacağımız JavaScript dosyasını buradan indiriniz. Zip içerisinde bir adet JavaScript dosyası ve bir adet de GIF formatında resim dosyası olacaktır. Tasarlayacağımız sayfa içerisine, JavaScript dosyasını sadece IE6′larda çalışacak şekilde import etmemiz gerekmekte.

<head>
<!--[if IE 6]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->
</head>

Dosyayı import ettikten sonra, JavaScript dosyasını bir metin editörü yardımıyla açabiliriz. JavaScript kodlarının en üstündeki clear değişkeni, indirdiğiniz dosya içerisindeki GIF resminin yolu olmak zorunda(eğer gif resminin yolunu değiştirirseniz ayarlamayı unutmayın). Şimdi şeffaf PNG resim kullanarak bir sayfa oluşturabilir ve sonucu IE6 ‘da gözlemleyebilirsiniz.

Rating: 10.0/10 (2 votes cast)