Tarayıcılarda PNG Sorununun Çözümü

Web tasarımcılarının kullanmaktan büyük zevk aldığı ve işlerini oldukça kolaylaştıran "png" uzantılı resimlerin, gün geçtikçe kullanım oranı artıyor.

Yalnız bilindiği üzere bu resimlerin saydam (alpha-transparent) olan kısımları IE6'da sorun çıkarıyor. Eğer ziyaretçilerimiz, sitemizi IE6 ile ziyaret ediyorlarsa ki, hala IE6'yı kullanan büyük bir kitle var. Resimlerimizin normalde görülmemesi gereken saydam kısımlarını, açık mavi olarak görüyorlar. Bu da hem onlar, hemde bizim için çok can sıkıcı bir durum.

Bu sorunun ön kolay çözümü,

http://unitinteractive.com/labs/unitpngfix.php' sayfasındaki küçük bir javascript dosyasında saklı. Şimdi bu sayfadaki dosyayı bilgisayarımıza indirip, aşağıdaki işlemleri sırasıyla yapalım.

1 - Dosyayı bilgisayarımıza indikten sonra, sıkıştırılmış dosyayı açıp içindeki klasörü çıkaralarım. Klasörün  içinde gelen "clear.gif" ve "unitpngfix.js" dosyaları bize lazım olan dosyalar. Bunları web sitemizin ilgili yerlerine taşıyalım.

2 - Sonrasında "unitpngfix.js" dosyasını açıp içindeki kodlardan

kodunu bulalım ve "clear.gif"adlı resmi taşıdığımız yerin uzantısını burada doğru bir şekilde düzenliyelim.

3 - Son olarakta png uzantılı resmimizin bulunduğu sayfanın tepesine, javascript dosyamızı ekliyoruz. Hepsi bu kadar.