How to make logo site using PNG Transparency work in IE6

png-alpha-fix-1

Let’s take a look at the difference of logo.png (with transparency) above on Mozilla Firefox and Internet Explorer 6

If you inserting your logo in PNG format with transparancy will leave you with a white background when saw in Internet Explorer 5 or 6. It makes your logo looks not good and this is really the last thing any web designer would want on their website. Don’t worry about that, I’ll give you a solution on how to solve this.

Solution

  1. You must download file iepngfix.zip
    Unziped file and than inside iepngfix folder you can see two file blank.gif and iepngfix.htc
    Upload two file above to your server and put into root directory.
  2. Into your CSS file add selector on tags/element which you want PNG transparency appear. Example:

    <html>
    <head>
    <style type="text/css">
    img.logo { behavior: url(iepngfix.htc) }
    </style>
    </head>
    <body>
    <img class="logo" src="http://gusdwi.info/images/my-logo.png"/>
    </body>
    </html>

For more detail source, see on :

IE PNG Alpha Fix v1.0
This is a IE5.5+ “behavior” that automatically adds near-native PNG support to MSIE 5.5 and 6.0 without any changes to the HTML document itself

1 comment for “How to make logo site using PNG Transparency work in IE6

  1. 9 Juni 2009 at 22:36

    linknya dah saya pasang bos ditunggu link baliknya….tq dah mampir

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *