Internet Explorer 6 HTML saydam (transparan) PNG çözümü

Bu yazı Dincer tarafından 13 Eylül 2009 tarihinde yayınlandı.

Bir site tasarlarken (veya bir temada olabilir) IE6′da varolan saydam PNG’leri tanımama ve tasarımı bozma sorununla çoğumuz karşı karşıya kalmıştır.

Yorum Yok 283 okunma Facebook'ta Paylaş

Bir site tasarlarken (veya bir temada olabilir) IE6′da varolan saydam PNG’leri tanımama ve tasarımı bozma sorununla çoğumuz karşı karşıya kalmıştır. İşte şimdi bu sorunu çözmek için neler yapılması gerektiğini bulma zamanıdır.

IE6 zamanının iyi tarayıcılarından olsa da artık modası geçti ve IE6′dan bu yana web tasarımı teknolojisi çok değişti ama Türk kullanıcıların hala büyük bir çoğunluğu IE6′yı kullandığı için sitemizi tasarlarken onları da göz önünde bulundurmalı ve ona göre tasarlamalıyız.
PNG’nin ne olduğuna gelirsek; “Taşınabilir Ağ Grafiği anlamındaki (Portable Network Graphics) ‘in kısaltmasıdır ve kayıpsız sıkıştırarak görüntü saklamak için kullanılan bir saklama biçimidir. PNG biçiminde paletli ya da gerçek renkte görüntüler seçimlik bir saydamlık kanalıyla saklanabilir ” açıklaması yeterli olacaktır.

Peki Saydam PNG’leri sorunsuz olarak sitemizde kullanmak için ne yapmalıyız dediğimizde konuyu anlatmak yerine konuyu anlatan değerli arkadaşlara (veya abilere) başvurmak en doğru yol olmalı. Fahri Hayrioğlu kendi blog’unda Internet Explorer 6 için saydam PNG desteği adı altında konuya bir güzel değinmiş. Onun dışında Teknoloji Herşeyim‘de IE6 transparan PNG probleminin çözümü konusu altında PNGFix yöntemine değinmiş. Eğer daha basit bir çözüm arıyorsanız Kadir Günay‘ın IE6 PNG Sorununa Daha Basit Bir Çözüm konusunu okuyabilirsiniz.

Türkçe kaynak dışında Koivi‘nin PNG-24 Alpha Transparency with MSIE adlı yazısı da bu konuyu merak edenler için oldukça bilgilendirici. Diller Design’da da konuyla ilgili Medicine for your IE6/PNG headache! adı altında birşeyler yazmış.

Konuyu FF’de paylaştıktan sonra bir çözümde oradan geldi. O çözümü de doğrudan kendi yazdığı şekilde yayınlamayı uygun gördüm. FriendFeed’de konuya yorumunu yazan Burak’a bu çözüm için teşekkürler.

Son günlerde ihtiyaç duyduğum için sağda solda epey bakındım, benim işime yarayan, en iyi çözüm http://labs.unitinteractive.com/unitpng… oldu. Hiçbir şey yapmıyorsunuz, sadece javascript’i head etiketine ekleyin o kadar. Eksik yönleri yok mu, elbette var. Örneğin css’deki .li hover etiketine transparan arkaplan atarsanız IE6 ile nesneye geldiğinizde herhangi bi değişim görmeyeceksiniz. li etiketine transparan bir png koyarsanız onda sorun yok. gayet sorunsuz gösteriyor.

Zaten konu aynı olduğu için içeriklerde birbirine benziyor. En iyisi hepsini tek tek okuyup, sizin projenize ve tasarımınıza en uygun çözümü uygulamak. Sağlıcakla Kalın.

Benzer Yazılar

Şu anda okuduğunuz konuyu beğendiniz mi? Bizce aşağıdaki konularda en az bu konu kadar ilginizi çekecek.

ie6, ie6 png fix, png, png fix, png sorun, saydam png, saydam png sorun çözüm, transparan png, Web Tasarım