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 #hucre isminde bir CSS id tanýmlayalým ve kodumuzu yazalým;
. . . . . . . . . .
#hucre {
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 #hucre a {
position: relative; }
*+html #hucre a {
position: relative; }
irfaN
, 26 Aðustos 2008 tarihinde yazmýþ:
@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://www.irfandurmus.com/blog/oku/71/IE.PNG.problemi
Soner Uðraþkan
, 25 Aðustos 2008 tarihinde yazmýþ:
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
Doðukan
, 02 Nisan 2008 tarihinde yazmýþ:
Çok çok çok teþekkür ederim...
irfaN
, 13 Aralýk 2007 tarihinde yazmýþ:
@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
, 13 Aralýk 2007 tarihinde yazmýþ:
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
irfaN
, 24 Kasým 2007 tarihinde yazmýþ:
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ý ?
Denedim fakat bu zannediyorum ÝE 6.0 da geçerli deðil. Benmi yapamadým acaba arkadaþlar deneyen varmý?
Teþekkürler hocam çok faydalý bir bilgi oldu bu.