• 06-03-2008, 05:27:30
    #1
    arkadaşlar trans bir resim yapıyorum. gif olarak kaydedince bi sorun yok arka planı siyah olan sayfaya koysam lap oturuyor. ama gif olarak kaydedince bazı yerlerinde bozulmalar oluyor.. onun için png kaydediyorum bu seferde siyah bi sayfaya koyunca arka planı internet explorer da grimsi görünüyor. firefox da bi sorun yok. bu sorunu nasıl çözerim. png olarak kaydedince arka planı şeffaf olsun.
  • 06-03-2008, 10:00:02
    #2
    yAyAmAz adlı üyeden alıntı: mesajı görüntüle
    arkadaşlar trans bir resim yapıyorum. gif olarak kaydedince bi sorun yok arka planı siyah olan sayfaya koysam lap oturuyor. ama gif olarak kaydedince bazı yerlerinde bozulmalar oluyor.. onun için png kaydediyorum bu seferde siyah bi sayfaya koyunca arka planı internet explorer da grimsi görünüyor. firefox da bi sorun yok. bu sorunu nasıl çözerim. png olarak kaydedince arka planı şeffaf olsun.
    Fireworks ile resmin arkaplanını temizle o şekilde gif olarak kaydet
    Gerçi sorunu tamda anlıyamadım ben genelde tüm resimleri photoshop ile hazırladıktan sonra gif olarak kaydedip sonra fireworks ile arkaplanı temizliyorum.
  • 06-03-2008, 10:19:02
    #3
    png formatında atka plan şeffaf olmaz sadece gifde bu istediğiniz olabilir.
    Tabi bu internet explorer için geçerli hatta ie 7 dede png yi arka plan seffaf goruyo ama yanılıyo olabilirim.
  • 06-03-2008, 10:24:58
    #4
    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]-->
    ALINTIDIR