Beşiktaş Haber Portalı
SinerjiSoft için hazırladığım Beşiktaş Haber Sitesi tasarımının script giydirilmesi tamamlandı ve site yayın hayatına beta olarak basladı.
Siteye Katkım:
Tasarım, Xhtml ve Css Kodlama
JQuery İle IE6 İçin Transparan PNG (Hem Arkaplanda Hem de Resimlerde)
25 Ağustos 2009
Mustafa AYDIN
IE6’nın bir problemi de transparan png dosyalarını sitemizde transparan olarak göstermemesidir. Hal böyle olunca da gif formatına göre daha avantajlı olan png dosyaları bir çok kez kullanamayız. İşte bu script sayesinde bu sorunun üstesinden de geleceğiz. Tabii bundan JQuery’den faydalanacağız.
Gelelim nasıl kullanılacağına. Öncelikle şu dosyayı indirelim: jquery_pngfix.rar
Sonrasında içinden çıkan iki JavaScript dosyasını sitemizin ana dizinine atalım ve html kodlarından <head></head> tagları arasına şu kodları ekleyelim:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <head>
...
<script type="text/javascript" src="jquery-latest.pack.js"></script>
<script type="text/javascript" src="jquery.pngFix.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix();
});
</script>
...
</head> |
Bu kodlardan ilk ikisi javascript dosyalarımızı sitemize ekler. Son ve yedinci satırdan başlayan kodumuz sitemizde pngFix sistemini aktif duruma getirir. Her şey hazır. Peki resim dosyalarını sitemizde nasıl kullanırsak png dosyalarımız IE6’da da transparan olur? Aşağıdaki örnek kodları inceleyerek siz de kullanabilirsiniz:
