Internet Explorer ‘da PNG Alfa Transparanlığı

UYARI!
Bu yazı güncelliğini yitirmiştir. Okumaya devam etmeyi planlıyorsanız lütfen yazıdaki bilgilerin artık geçerli olmayabileceğini göz önünde bulundurun.

Ha bu arada bir önceki yazıda bahsettiğim, IE ‘de PNG alfa transparanlığı ile ilgili problemin çözümünü de buldum. Bunun için de Erik Arvidsson‘a teşekkür ediyoruz. Pek kullanmak istediğim bir metot olmasa da Microsoft, Internet Explorer ‘a tam PNG desteği verene kadar bu yöntemi kullanacağım sanırım. Basitçe açıklamak gerekirse;

  • Style dosyanıza ya da style öbeğinize şu satırı ekleyin.
img { behavior: url("pngbehavior.htc"); }
  • pngbehavior.htc ve blank.gif dosyalarını style dosyanız ile aynı klasöre koyun.

Başka bir işlem yapmanıza gerek yok. Herhangi bir imaj kullanır gibi img etiketiyle PNG dosyalarınızı çağırabilirsiniz.

Konu ile ilgili şöyle bir de örnek buldum.

The Box Office 0.3

UYARI!
Bu yazı güncelliğini yitirmiştir. Okumaya devam etmeyi planlıyorsanız lütfen yazıdaki bilgilerin artık geçerli olmayabileceğini göz önünde bulundurun.

PNG imajların alpha transparanlığını gösteremeyen Internet Explorer yüzünden giriştiğim araştırmada ilginç bir fikir ve bunun neticesinde doğmuş ilginç bir programa rastladım. Programın gd kütüphaneleri ile işlem yapması ve son zamanlarda php üzerinde gd kütüphaneleri ile yaptığım çalışmalar ile birleşince ilgim bir kat daha arttı.

0.3 versionuna ulaşmış olan The Box Office , Bramus tarafından yazılmış. “The Box Office” kendi deyimiyle, biz web geliştiricilerinin daha da tembelleşebilmesi için yazılmış kullanışlı bir araç. Bir arkaplan imajının yanına, imajın boş kısımlarına gelecek şekilde yazı yazılabilmesine olanak sağlıyor. Kullanılan mantık basit. Satır yüksekliği ile aynı yükseklikte boş divler oluşturuluyor ve imajın boş olan kısmına kadar genişlik veriliyor. Yandaki örnek ile ne demek istediğimi daha rahat anlayabilirsiniz.

Her ihtiyaç bir icat doğuruyor. :)