IE6 transparan PNG probleminin çözümü

Nedir bizim bu IE6 dan çektiğimiz bilmiyorum. Wordpress tema işleriyle uğraşırken başıma öyle işler açtıki bu IE6 en sonunda pes ettirdi beni. Bu problemlerden birisi de Transparan PNG resim dosyalarının görüntülenmesiyle ilgili. IE6, ne yaparsanız yapın transparan PNG dosyalarının arka planını gri renkle dolduruyor ve bir türlü şeffaf arka plan kullanamıyorsunuz. Bu problem için internette bir sürü CSS Hack tekniği mevcut ancak benim de kullandığım ve en kullanışlısı olan JavaScript yöntemini anlatacağım size.

Öncelikle pngfix.js dosyasını indirin ve blogunuzun kök dizinine koyun.

Örnek: Blogunuz www.teknolojiherseyim.com/benimblogum gibi bir alt dizinde ise bile bu dosyayı mutlaka kök dizine koyun, “benimblogum” klasörüne değil.

Daha sonra bu scripti transparan png kullanacağınız sayfa içerisinden çağırmanız gerekiyor. Eğer Wordpress kullanıyorsanız, header.php dosyanızı açın ve </head> etiketinin hemen üzerine şu kodları yerleştirin;

<!–[if lt IE 7.]>

<script defer type=”text/javascript” src=”pngfix.js”></script>

<![endif]–>

Artık kullandığınız bütün transparan png dosyaları IE6 ile sorunsuz bir şekilde görüntülenecek. Hatırlatmak istediğim bir nokta daha var. Wordpress tekil yazılarınızda sabit transparan png dosyaları kullanıyorsanız, yukarıdaki scripti single.php içerisinden de çağırmanız gerekiyor. Ancak single.php içerisinden bu scripti çağırıken scripti koyduğunuz ana dizinin tam yolunu belirtmeniz gerekiyor. Yoksa script çalışmaz. Şu şekilde;

<!–[if lt IE 7.]>

<script defer type=”text/javascript” src=”http://www.blogunuz.com/uploads/pngfix.js”></script>

<![endif]–>

Bu yöntemi denedim ve kullanıyorum. Yani %100 bir şekilde transparan png problemini çözüyor. Bu scriptin tek bir problemi var; o da CSS dosyanız içerisinde “background url” şeklinde tanımladığınız transparan png dosyalarına çözüm bulamaması. Ne yazık ki bu probleme ben de bir çözüm bulamadım henüz.

Düşünceni paylaş, bincelerce kişiye ulaş..