ie5+ için en kolay png desteği yolu
Internet Explorer‘ın PNG ile olan transparan problemini sağır sultan bile duydu sanırım. Ama hâlâ etkili bir çözüm bulunabilmiş değil. Bulunmasını da beklemiyorum; IE7 ile beklenen CSS ile sözde uyumluluk tasarımcıları hayal kırıklığına uğrattı.
PNG ile olan sorunu aşmak için en bilindik yöntem aşağıdaki gibi
#header{
background:url('header.png');
height:45px;
width:770px;
}
* html #header{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='header.png', sizingMethod='scale');
background-image: none;
}
kısa kolay bir yöntem ama PNG kullandığınız her bölüm için ayrı ayrı yazmanız gerekiyor.
Angus Turnbull daha kolay bir yöntem bulmuş. Yapmanız gereken oldukça basit;
- ilk olarak dosyasını CSS dosyanız ile aynı klasöre yerleştirin.
- sonra img { behavior: url(iepngfix.htc); }
kodunu CSS dosyanıza ekleyin.
- Bitti.
img, #header, .class, blockquote { behavior: url(iepngfix.htc); }
kullanarak istediğiniz elemente ya da *{ behavior: url(iepngfix.htc); }
kullanarak tüm PNG kullandığınız bölümlere uygulayabilirsiniz.
Buradan demosuna ulaşabilirsiniz. Gördüğüm tek sorun tekrar eden arkaplan resimlerini sadece tek resim olarak göstermesi.
Keywords: ie,png,css