Bigadic Mania™

• Yayınlanma Tarihi:26 Aralık 2007
• Yorum:9 Yorum
• Kategori:Ben ve Blogum, Kılavuz
• Toplam Okunma:245 kez okunmuş

İnternet explorer6 da şeffaf png ler garip görünüyo ve sizde bu durumdan şikayetçiyseniz basit bi yöntemle bu durumdan kurtulabilirsiniz. Kaynağımız şurası. Güzel ve hafif bi yöntem. Sitede anlatılan ve benim anladığım kadarıyla sitemizde kullandığımız png dosyalarına uygulanışı verilmiş. Bunun için daha fazla seçenek var ama kullanım ve uygulama kolaylığı açısından ben bunu tercih ettim.Çözemediğim tek nokta resmi ie’de tekrarlatmak Ne yazıkki şeffaflık sorunumuzu çözsek de bu sorunu çözemedim.

	İnternet Explorer PNG Denemesi İndir
	İndirilme: 166 Defa | Boyut: 18.54KB

Uygulamamız png_fix.css transparent.gif dosyalarından oluşuyor.
1) yazılarımıza eklediğimiz png’lerin sorunu

[CSS]
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior=”none”)&&(this.pngSet?this.pngSet=true:(this.nodeName == “IMG” && this.src.toLowerCase().indexOf(’.png’)>-1?(this.runtimeStyle.backgroundImage = “none”,
this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’” + this.src + “‘, sizingMethod=’image’)”,
this.src=”transparent.gif”):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace(’url(”‘,”).replace(’”)’,”),
this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’” + this.origBg + “‘, sizingMethod=’crop’)”,
this.runtimeStyle.backgroundImage = “none”)),this.pngSet=true)
);
}
[/CSS]

ve head etiketleri arasına

[HTML]

[/HTML]

kodunu ekliyoruz. Bu şekilde sitemizde kullandığınız png formatında eklediğimiz resimlerdeki sorun çözülmüş oluyor.

2) Şimdiki sorunumuzda css dosyamızda png arkaplan tanımladığımızda meydana geliyor. Kullanacağımız dosya gene aynı ama bunun için sadece ufak bi değişiklik yapıcaz.

[CSS]
* html img, #fatih, .deneme,
[/CSS]
önceki kodumuzda bu satırı isteğimize göre kullanıyoruz. Asıl sitil dosyamızda tanımladığımız div’leri class yada id lerini buraya ekliyoruz. Mesela şu şekilde:

[CSS]
* html img, #fatih, .deneme,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior=”none”)&&(this.pngSet?this.pngSet=true:(this.nodeName == “IMG” && this.src.toLowerCase().indexOf(’.png’)>-1?(this.runtimeStyle.backgroundImage = “none”,
this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’” + this.src + “‘, sizingMethod=’image’)”,
this.src=”transparent.gif”):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace(’url(”‘,”).replace(’”)’,”),
this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’” + this.origBg + “‘, sizingMethod=’crop’)”,
this.runtimeStyle.backgroundImage = “none”)),this.pngSet=true)
);
}
[/CSS]
[HTML]

[/HTML]
Bu şekilde her iki sorunumuza da çözüm bulmuş oluyoruz. İsterseniz deneme dosyalarımıda indirebilirsiniz. Merak ettiğiniz yada eklemek istediğiniz bişi olursa lütfen çekinmeyin yardımcı olmaya çalışırım

örneğimizin ilk hali ve son hali böyle oluyo