‘ifixpng’ Etiketi Arşivi
IE6 ve PNG Sorunu
Bildiğiniz üzere IE (Internet Explorer) 6 ve alt sürümlerinde PNG sorunları yaşanmaktadır. Kullandığınız transparan GIF ve PNG imajlar bu sürümdeki tarayıcılarda arka kısımları koyu bir renk veya resmin boyutu kadar koyu bir alan ile gözükmektedir. İşte bu sorunu çözmek için bir kaç yöntem var. Size en kolay olan iki yöntemi anlatacağım.
1) Behavior Yöntemi
Behavior yöntemi stil dosyanızda kullandığınız “img” ve “<div>” elementleri için kullanılır. Öncelikle buradan iepngfix ve buradan blank.gif dosyasını indirin. Daha sonra ise stil dosyanıza veya stil dosyası kullanmıyorsanız sayfanızın içindeki stil bölümü içindeki yere şunları yazın;
img { behavior: url(iepngfix.htc) }
bu kodda iepngfix.htc dosyasını oluşturduğunuz sayfa ile aynı yere attığınızı düşünerek yazdım. Eğer indirdiğiniz dosyaları oluşturduğunuz dosya haricinde bir dizine atacaksanız yolunu göstermelisiniz. Bu kod sadece “img” tagları içindir. Arkaplan olarak kullandığınız png uzantılı dosyalar için, kullandığınız elemente behavior değeri atamalısınız. Örnek;
<div id=”ornek”>Bu bir denemedir</div>
#ornek {
background: url(resmim.png) no-repeat;
width:100px;
height:50px;
}
Yukarıda bir div oluşturduk ve ID’ sine ornek dedik. Daha sonra genişlik ve uzunluk değerlerini verdik ve bir arkaplan atadık. Fakat bu arkaplan bir png dosyası. Dolayısıyla bu divin arkaplanı IE6 ve daha alt sürümlerde yukarıda anlattığım gibi olacaktır. Bunu engellemek içinse; Devamını Oku »