IE Transparan PNG Sorunu

Bu sorun, daha öncedende web geliştiren hemen hemen herkesin başından geçmiştir. Geri kalmış Internet Explorer PNG dosyalarını (PNG nin özgür olması nedeniyle midir bilinmez) tam olarak desteklemiyor. Safari, Mozilla, Fireox gibi bir çok tarayıcı 24 bit transparan PNG dosyasını olduğu gibi gösterme yeteneğine sahipken, M$ Internet Explorer zemine grilik atıyor.

Elimizdeki resim 150 x 150 px ebadında, 24 bit transparan zemine sahip bir PNG dosyası olsun. CSS dosyamıza #field isminde bir id tanımlayalım ve kodumuzu yazalım;

#field {
  width:150px;
  height:150px;
  background: transparent url(image.png) !important; background: transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true , sizingMethod=scale src='image.png');
}

Artık Internet Explorer de PNG dosyamızı transparan bir şekilde tanıycaktır. Ben bu şekilde sorun yaşamadım. Hala sorununuz devam ediyorsa aşağıdaki satırları da CSS dosyanıza eklemenizde fayda var.

* html #field a {
  position: relative; }
  *+html #field a {
  position: relative; }

Benzer Yazılar

11 Yorum Yapıldı

Mehmet KURT

Teşekkürler hocam çok faydalı bir bilgi oldu bu.

wmwebtr ödüllü seo yar...

Denedim fakat bu zannediyorum İE 6.0 da geçerli değil. Benmi yapamadım acaba arkadaşlar deneyen varmı?

irfaN

Hayır, IE 6 serisinde geçerli. Bir çok yerde kullandım, sorun yapmadı. CSS kullanmasını biliyormusunuz ? Nasıl uyguladınızda çalışmadı ?

irfaN

@erdem Uyguladığın dosyanın adresini verirsen bir göz atalım. Bu satırların siteyi kilitlemesi gibi birşey söz konusu değildir. Kullandığınız IE ile alakalı, veya bilgisayarınız ile alakalı bir problem yaşıyor olabilirsin.

erdem

denedim. ana gövdeye yerleştirdim transparan bg kullanıyordum. fakat yerleştirdikten sonra bu kodları css içine bu class la tanımlanan div ler içinde bulunan hiç bir şeye tıklayamaz olduk :D kitledi siteyi :D:D:D

Doğukan

Çok çok çok teşekkür ederim...

Soner Uğraşkan

Hocam verdiğiniz bilgiler için çok teşekkür ederim çok işime yaradı. Birşey soracağım yapamadığım bi kısım; 'background a bir görsel verdim ve bunu çok büyük gösteriyor, background-repeat:repeat-x de çalışmıyor. yardımcı olursanız çok seviniim İrfan bey

irfaN

@Soner 2 gün önce yeni bi eklenti bulmuştum, yazmayı düşünüyordum zaten, sende sorun yaşayınca üstüne geldi yazıverdim. http://blog.irfandurmus.com/ie-png-problemi/

irfaN » Blog Archiv...

[...] önce IE Transparan PNG Sorunu’ndan bahsetmiştik. Burada üst üste kullanımlarda ve background scale sorunu gibi sorunlar [...]

mehmet

s.a kardeş verdiğin bu png ile ilgili trasnperent resimler sorununun çözumu çok işime yaradı fakat benim bir sorunum daha var ben transperent olarak bir gif yaptımtarayıcıda oda sıkıntılı olyor onun nasıl çözulebiliceğinden yardımcı olabilirmsini?

» IE PNG problemi ...

[...] önce IE Transparan PNG Sorunu’ndan bahsetmiştik. Burada üst üste kullanımlarda ve background scale sorunu gibi sorunlar [...]

Yorum eklemek için çok geç, 08-06-2008 tarihinde yoruma kapatıldı.