Nis
19
2008

IE6 transparan PNG probleminin çözümü

CSS & XHTML & İpuçları kategorisine Hakan Yamanoğlu tarafından yazıldı.

Nedir bizim bu dan çektiğimiz bilmiyorum. tema işleriyle uğraşırken başıma öyle işler açtıki bu en sonunda pes ettirdi beni. Bu problemlerden birisi de Transparan PNG resim dosyalarının görüntülenmesiyle ilgili. , ne yaparsanız yapın transparan PNG dosyalarının arka planını gri renkle dolduruyor ve bir türlü şeffaf arka plan kullanamıyorsunuz. Bu problem için internette bir sürü CSS Hack tekniği mevcut ancak benim de kullandığım ve en kullanışlısı olan JavaScript yöntemini anlatacağım size.

Öncelikle pngfix.js dosyasını indirin ve blogunuzun kök dizinine koyun.

Örnek: Blogunuz www.teknolojiherseyim.com/benimblogum gibi bir alt dizinde ise bile bu dosyayı mutlaka kök dizine koyun, “benimblogum” klasörüne değil.

Daha sonra bu scripti transparan png kullanacağınız sayfa içerisinden çağırmanız gerekiyor. Eğer kullanıyorsanız, header.php dosyanızı açın ve </head> etiketinin hemen üzerine şu kodları yerleştirin;

<!–[if lt IE 7.]>

<script defer type=”text/javascript” src=”pngfix.js”></script>

<![endif]–>

ie6 png hack

Artık kullandığınız bütün transparan png dosyaları ile sorunsuz bir şekilde görüntülenecek. Hatırlatmak istediğim bir nokta daha var. tekil yazılarınızda sabit transparan png dosyaları kullanıyorsanız, yukarıdaki scripti single.php içerisinden de çağırmanız gerekiyor. Ancak single.php içerisinden bu scripti çağırıken scripti koyduğunuz ana dizinin tam yolunu belirtmeniz gerekiyor. Yoksa script çalışmaz. Şu şekilde;

<!–[if lt IE 7.]>

<script defer type=”text/javascript” src=”http://www.blogunuz.com/uploads/pngfix.js”></script>

<![endif]–>

Bu yöntemi denedim ve kullanıyorum. Yani %100 bir şekilde transparan png problemini çözüyor. Bu scriptin tek bir problemi var; o da CSS dosyanız içerisinde “background url” şeklinde tanımladığınız transparan png dosyalarına çözüm bulamaması. Ne yazık ki bu probleme ben de bir çözüm bulamadım henüz.

Etiketler:, , , , , , , ,

Bu yazı beni kesmedi diyorsan:
Şu an tam 283 kişi yazıları RSS ile takip ediyor. Sen de üye olmak ister misin?

4 Yorum

  1. 3
    eylultoprak Haziran 18, 2008 15:53

    Günlüğünüzü gezerken gördüm. Yorum yapmadan çekilmek istemedim. :)
    Bu verdiğiniz js dosyası malesef başka js ile çakışma yaptığında ikisinden biri etkisiz kalıyor mesela benim için yorum bölümündeki ifadeler çalışmamıştı.

    Wordpress için ayrıca birde eklentisi var bunun.
    http://www.tahapaksu.com/wordpress/pngfix-wordpress-plugin

    Onun dışında ikisi de uygun yöntemler ama ie6 ‘da bazen kasılmalarada sebep oluyor bu tarayıcı..

  2. 4
    Hakan Yamanoğlu Haziran 18, 2008 16:15

    Bende blogumda birden fazla js kullanıyorum ama herhangi bir problem çıkmadı henüz. Bir de eklentisini denemek lazım. Zaten deveye sormuşlar neren eğri diye, o da demiş; nerem doğru ki? IE’nin ki de o hesap :)

Bu yazıdan bahsedenler

  1. oyyla.com
  2. www.tusul.com

Düşünceni paylaş, bincelerce kişiye ulaş..

İsim(Gerekli)

E-Mail (Gerekli)

Blog / Web Site(Varsa)

Yorumlar

Patron Hakkında

Author Teknoloji Herşeyim 08.01.2008 tarihinde yayın hayatına başladı. İçeriği tamamen özgün olarak hazırlanan Teknoloji Herşeyim, Türkiye ve Dünya’daki en son teknoloji haberlerini sizlere günlük olarak ulaştırmayı.. >>

2008 (c) Teknoloji Herşeyim, WordPress'in etinden ReviewSaurus'un sütünden yararlanılarak hazırlandı. Tüm hakları kayıp, bulanların insaniyet namına müdüriyete haber vermeleri rica olunur. Ayrıca, müessesemiz Firefox kullanmadığınız takdirde başınıza geleceklerden sorumlu değildir.
Harita(XML) | Yalçın Bulut | Kimdir | Network | İletişim