Mengatasi Masalah Transparent


Jika anda punya masalah dengan transparent image pada suatau browser ( IE )yang anda buat, padahal image yang anda bikin sudah mendukung tranparent ( Gif & PNG). Maka anda memerlukan trik berikut.

1. Pertama pada file utama(home) atau index, anda masukkan script berikut:

<?php
include('transparentIE.php');
?>

2. Kemudian buat file transparentIE.php dan isilkan dengan kode ini:

<!--&#91;if IE&#93;>
<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&#91;1&#93;)
   if ((version >= 5.5) && (document.body.filters))
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images&#91;i&#93;
         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>
<!&#91;endif&#93;-->

3. Tes lah apakah script ini ber jalan dengan baik untuk mangatasi masalah transparent image pada websitemu.

Jika ini belum bisa mengatasi juga maka sebaiknya jangan dibuka dengan browser tersebut.OK

Salam CSS

Posted on November 30, 2008, in CSS and tagged , , . Bookmark the permalink. 2 Komentar.

  1. Di, biar lebih mantap masukkan source code dalam tag

    
    
  1. Ping-balik: Hacking CSS « The MITNICK

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: