Rate this script:  I Love it  /   I Hate it

PNG-24 Alpha support for IE


Code


  # Display PNG-24 images with alpha channel on IE
  # BE CAREFUL: with this trick, only 10 PNGs seems to be supported by IE
  # Don't forget to set the size of your div
  def transpng(id, png)
    '
<style type="text/css">
      <!--
        ' + id + ' {
          background-image: url(' + png + ');
        }
      -->
    </style>
    <!--[if IE]>
    <style>
      ' + id + ' {
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + png + ', sizingMethod=\'scale\');
      }
    </style>
    <![endif]-->'

  end
 

 

 
PNG-24 Alpha support for IE scripts | PNG-24 Alpha support for IE snippet | PNG-24 Alpha support for IE example | PNG-24 Alpha support for IE tutorial | PNG-24 Alpha support for IE code