İE 6 da sorun çıkartan PNG resimlerin çözümü

İE 6 da sorun çıkartan PNG resimlerin çözümü

Evet arkadaşlar tasarımcı arkadaşlar her geçen gün daha güzel tasarımlar yapmak için her türlü resim uzantısı her türlü gölgeyi kullanıyor ve sitemiz son sürüm tarayıcılarda güzel çıkıyor.

Sonra bir gun şaş kaza eski örn: IE6 tarayıcısı ile sitesine girdiğinde görüyorki png resimlerin arkası siyah siyah yani resimler transparan özelliğini kaybediyor.

Her neyse hemen konuya girmek gerekirse Bu Webmaster arkadaşlara zorluk çıkartan geri kafalı tarayıcı için düzenlenmiş bir jQuery’dosyası ve bir resim ile bu işten kurtuluyoruz.

Eklentinin amacı: İe6 da transparan resim kullanırken çıkan hataları düzenlemek.

Eklentideki supersleight-min.js Dosyasını ve x.gif adlı resimi ftp’de “js” adlı bir klasör oluşturup içine atalım

Sonraki işlemimiz Sitemizin Header yani başkısmındaki <head> </head> tagları arasına şu kodu yerşeltirelim

[html]

<script type="text/javascript" src="js/supersleight-min.js"></script>

[/html]

Ve arkadaşlar artık sorun ortadan kalktı sadece index.php ye ekliyeceğimiz bir jQuery dosyası ile bütün sitedeki *.png resimlerini bulup transparan olan kısımları x.gif resmi ile kesip dolduruyor

Görsel olarak anlatmak gerekirse bu eklentiyi kullandıkdan sonraki hali ;

İe6

Eklentiyi kullanmadan önceki hali ;

İe6

Ek dosya buyrun arkadaşlar: http:/www.aycan.net/resim/js.rar

———————————————————

Bu makale Aycan.net tarafından yazılmıştır. Link göstermeden yayımlamak YASAKTIR.

http://www.aycan.net/ie-6-da-sorun-cikartan-png-resimlerin-cozumu/

———————————————————