Alan adınıza özel Google Webmail, başlangıç sayfası ve online word-excel-takvim hizmetleri


 Arama Motoru Optimizasyonu
Google'da üst sıralarda görünün


Web sitenizin Google Pagerank™ değerini ölçün


 Bilişim, Terimler, Türkçe-İngilizce ve İngilizce-Türkçe Sözlüğü
 Tam 27934 karşılık


 Yapay-zekayla programlanmış
 İngilizce pratiğinizi geliştirir



Bilişim, İnternet ve Web Dünyasından Haberler

TI

Turk.Internet - http://turk.internet.com

CW

Computer World TR - http://www.computerworld.com.tr

CNET

CNET TR - http://cnetturkiye.com

Gazetelerden

Sitelerden

Kurumsal

PNG Resimlerindeki Şeffaf Arkaplan Problemi

PNG yani .png uzantılı grafiklerin tasarımcılar arasında son yıllarda kullanımı bayağı bir arttı. Fakat bunların internet explorer tarayıcılarda görüntülenmesinde şeffaf arkaplan (transparant) problemi ortaya çıkıyor.

Bu problem internet exploreririn 5.5 ve 6. sürümlerinde ortaya çıkıyor. microsoft 7.sürümde bunu tamir ettiğini söyllüyor.

Çözüm için aşağıdaki kodu sitenin html kodlarında <head>...</head> arasında herhangi bir yere yerleştirin:


<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters))
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src='" + img.src + "', sizingMethod='scale');"></span>"
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }   
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->


Bu kadar kolay...

 

ETİKETLER · · · · ·

 Arkadaşına Tavsiye EtEkleBunu RSS Ekle Butonu

Web Teknolojileri