Internet Explorer 6′daki PNG sorununu çözmek

Etiketler: , , , , ,

PNG güzel bir resim formatı fakat tarih öncesinden kalma Internet Explorer PNG kullanırken bize sorun çıkartıyor. Oysaki insanlar Firefox kullansa hiç biz yazılımcıların başı böyle boş şeylerle ağrımayacak. Zaten farkındaysanız bazı büyük web siteleri(mootools gibi) artık salmışlar Internet Explorer’a özel bir css hazırlamyorlar :)

Neyse fazla kafanızı ağrıtmadan o kodu veriyorum :)

#resim {
	width: 200px;
	height: 75px;
	background-image: url(images/logo.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='scale');

}

İşte o mucizevi kod bu logo.png yerine kendi PNG resminizin adresini yazın yükseklik ve genişlik değerlerine ise resminizin yükseklik ve genişlik değerlerini girersiniz.

Kullanımı;

<div id="resim"></div>

İşte bu kadar :)

CSS ,TR ,Temel Bilgiler | 10 Yorum | 17 Şubat 2009 |

Yorumlar

DOLAPCI 27 Şubat 2009 tarihinde demiş ki;

Yahu bu Internet Explorer insanı kanser etmekten başka ne işe yarar? saç baş kalmadı genç yaşta
Kod için ayrıca teşekkür ediyorum…

Berkay 27 Şubat 2009 tarihinde demiş ki;

Size katılıyorum ömürümüzü yedi gerçektende :)

arman07 24 Mart 2009 tarihinde demiş ki;

bununla ilgili bir araştırma yaparken bu sorun için varolan formül bulmuştum oda “örnek.png” yerine ”
örnek-trans.png” olarak kaydetmekti bir deneyin isterseniz.

Berkay 24 Mart 2009 tarihinde demiş ki;

Tam olarak anlayamadım biraz daha açabilirmisiniz?

CSS hack yöntemleri | Coder’s Stuff 29 Mart 2009 tarihinde demiş ki;

[...] şimdi png problemide yaşıyorsunuzdur o problemin çözümü için buraya bakabilirsiniz. Etiketler: CSS, css hack, firefox css hack, ie css hack, internet explorer css [...]

evcil hayvanlar 01 Haziran 2009 tarihinde demiş ki;

Çok güzel ve yararlı bir kod örneği olmuş. IE6 tarayıcılarda (malesef) saydam PNG için en gerekli kodlar içerisinde yer almakta kanaatindeyim. Halen %30 lara varan IE6 kullanıcısı günümüzde mevcut durumda. Paylaşım için çok teşekkürler.

HasanG 24 Ağustos 2009 tarihinde demiş ki;

Yakında hala IE6 kullananları siteme girmelerini tamamen engelleyeceğim :)!

Göktuğ Özhan 29 Aralık 2009 tarihinde demiş ki;

Çok güzel bir paylaşım, eline sağlık uzun zamandır aradığım bir şeydi.

Sercan Türk 25 Şubat 2010 tarihinde demiş ki;

Selamlar kod örneğiniz için çok teşekkürler,fakat benim şöyle bir sorunum daha var,ben bu .png resmi explorerda görüntüleyebildim ama benim buna link vermem gerek bunu nasıl yapabilirim,misal facebook.png adlı resme tıklanınca facebook.com a gitmesi gerek

Berkay 28 Şubat 2010 tarihinde demiş ki;

Güzel soru :) Bence artık bunun için kendinizi sıkmayın IE 6 kullanımı ciddi oranlarda azalmakda. ( http://www.w3schools.com/browsers/browsers_stats.asp ) Zaten yeni çıkan Explorerlar da png desteklemektedir.

Birşeyler yaz

^_^ Marslılar

Arşivlerimiz

Bağışlarınız için

Sayfalar

Meta

Kategori nebulası

AJAX ASP ASP.NET Astronomi ve uzay C# CSS Design Diğer EN Geliştirme Google Other PHP PHP programing Programing Programlama Tasarım Teknoloji Dünyası Temel Bilgiler TR ubuntu Wordpress Wordpress / EN İnternet Şipşak

Beni öldürmeyen acı beni güçlendirir.
Friedrich Nietzsche
Bazı erkekler kadınları anlamaya çalışır, diğerleri kendilerini daha basit konulara adarlar, örneğin görelilik kuramına.
Albert Einstein
Cesaret insanı zafere, kararsızlık tehlikeye, korkaklık ise ölüme götürür.
Yavuz Sultan Selim
Kod şiirdir.
Eğer evrende yalnızsak çok büyük bir yer israf ediyoruz demektir.
Contact ( Film )
Dünya'nın gördüğü her büyük başarı, önce bir hayaldi.En büyük çınar bir tohumdu, en büyük kuş bir yumurtada gizliydi.
Woody Allen
EOMY TOP 100
Yukarı çık