Internet Explorer ve yıllardır çözülemeyen transparan PNG sorununu yüzünden sıkıntı çekmeyen web geliştirici yoktur sanırım. Fakat bu sefer sorun transparan kanal içermeyen PNG resimleri ile ilgili.
Ne olmuş bu PNG’lere derseniz: Internet Explorer’da jQuery ile resimlerin opacity değerlerini değiştiren bir animasyon çalıştırdığınızda bu resimlerin geçirgenliğinin değişmediğini, birden yok olup tekrar göründüğünü farkedeceksiniz. Bu hangi sürümlerde karşımıza çıkıyor derseniz cevabım maalesef tüm sürümlerde olur. Internet Explorer 8′de bile böyle bir hata ile karşılaşıyorsunuz.
Neyse ki bu problemin çözümü oldukça basit. Animasyon ile geçirgenliğini değiştireceğiniz resmin stiline “filter:alpha(opacity=100)” özelliğini eklediğimizde sorun gideriliyor, hatta IE6′da bile problemsiz bir şekilde çalışıyor.
$("ELEMENTİNİZ").css('filter', 'alpha(opacity=100)');