E-Siber.com
teknoloji haberinin
değil, bilgisinin
peşinde...
   

"WEB"in Son Çıkan Önemli Yazıları

 

Revaçta Olan Konular

Sitede şu an 1546 yazı bulunmaktadır.
Gerçek İnternet Hızı Ölçüm ve Test Aracı
Online Virüslü ve Zararlı Siteleri Tespit Edin

Özel Yazılar

Çok Okunanlar


Son Yazılar

Rastgele Yazılar

Son Yorumlar

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...


· · · · ·
Yazan: | 21.02.2008 | 3922 kez okundu.

Face
Tumblr'da paylaş

 


WEB

Yukarı Çık

© 2012 E-SİBER BİLGİ-İLETİŞİM TEKNOLOJİLERİ | Hakkımızda
Bilişim | İnternet | Bilgi Güvenliği | Sosyal Medya | Teknoloji | M. Mekin Pesen
Adresler: E-Siber.com | E-Siber.net | ESiber.com | RSS | Facebook | Twitter | Abone Olun
IP: 38.107.179.219 | Süre: 0.665 saniye. | İletişim | Reklam Verin | Politikalar | İstatistikler