Transparent PNG and Internet Exploder

Just put the following code in a file in your modules directory:

function iepng_filter_help($section) {
  switch ($section) {
    case 'admin/modules#description':
      return t("Fixes bug in Interner Explorer so transparent .png images will show as transparent.");
  }
}

function iepng_filter_filter_tips($delta, $format, $long = false) {
  return t('Install this module to restore .png file transparency in Internet Explorer.');
}

function iepng_filter_filter($op, $delta = 0, $format = -1, $x = '') {
  switch ($op) {
    case 'list':
      return array(0 => t("IE .png filter"));

    case 'description':
      return t("Fixes bug in Interner Explorer so transparent .png images will show as transparent.");

    case 'process':
      $arr2=array();
      global $base_url;
      $parsed_url = parse_url($base_url);
      $base_dir = $parsed_url['path'];
      // make sure that we are only replacing for the Windows versions of Internet
      // Explorer 5+
      $msie='/msie\s([5-9])\.?[0-9]*.*(win)/i';
      if(!isset($_SERVER['HTTP_USER_AGENT']) ||
          !preg_match($msie,$_SERVER['HTTP_USER_AGENT']) ||
          preg_match('/opera/i',$_SERVER['HTTP_USER_AGENT']))
          return $x;
 
      // OK, time to find all the IMG tags with ".png" in them
      preg_match_all('/<.*?img.*\.png(\\\'|\\").*>/Ui', $x, $images);
      for($num_images=0; $num_images < count($images[0]); $num_images++) {
          $original = $images[0][$num_images];
          $quote = $images[1][$num_images];
          preg_match_all('/src=(\\\'|\\")([^\"]+\.png)\\1/i', $images[0][$num_images], $arr2);
          if(isset($arr2[2][0]) && !empty($arr2[1][0])) {
            $image = $arr2[2][0];
            $parsed_url = parse_url($image);
            if ($parsed_url['host']) {
              $image = $parsed_url['path'];
            }
            else {
              $image = $base_dir . "/$image";
            }
          }
          else {
            $image=NULL;
          }
         $replace_src_with=$base_dir . '/themes/xtemplate/custom/null.gif' . $quote . ' style="filter: progid:DXImageTransform.' . 'Microsoft.AlphaImageLoader(src=\'' . $image . '\', sizingMethod=' . '\'image\');"';
          
          // now create the new tag from the old
         $new_tag = str_replace($image . $quote, $replace_src_with, $original);
          
         // now place the new tag into the content
         $x = str_replace($original, $new_tag, $x);
      }
      return $x;

    default:
      return $x;
  }
}

Make sure you enable the module and enable the filter for the different filter types or it won't do anything.

Hi,

I've just started on drupal, and I'm totaly new to CMS & CSS. First thing I tried was to edit an existing theme to my need, when I stumbled on the 'transparency' bug in IE. This module looks like it might help me out, but I can't figure out how to implement/use it.

Any help is welcome

I have just used an external javascript file incorporated into custom themes, but you could maybe use a module that adds the javascript link into the html head with drupal_set_html_head().

Then the png fix is executed by the client and applies to all pngs on the page. A drawback is sometimes there is a bit of flicker as the images are drawn with the wrong background, and then replaced with the corrected filtered version.

wish this worked with Version 6