If you have ever opened a webpage with a transparent PNG in Internet Explorer 6, you will see an obvious problem. The images do not appear transparent but adopts a light blue background. which is unsightly to say the least. This is the purpose of the PNGfix, to allow transparent PNG images to work correctly in the web browser Internet Explorer 6. A common way around this is to use a range of different Joomla! extensions which can be applied to your site.
<!--[if lte IE 6]> <link href="<?php echo $mosConfig_live_site;?>/templates/ <?php echo $mainframe->getTemplate(); ?> /css/template_ie6.css" rel="stylesheet" type="text/css" /> <![endif]-->If the code described above is present, simply change it to conform to the snippet below.
<!--[if lte IE 6]>
<style type="text/css">
img { behavior: url(<?php echo $mosConfig_live_site;?>/templates/
<?php echo $mainframe->getTemplate(); ?>
/css/iepngfix.htc); }
</style>
<link href="<?php echo $mosConfig_live_site;?>/templates/
<?php echo $mainframe->getTemplate(); ?>
/css/template_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
If the Internet Explorer 6 specific code is not in the index.php, you need to add the following. Ensure this is between the <head>...</head> tags which are located in the top section of the index.php file.
<!--[if lte IE 6]>
<style type="text/css">
img { behavior: url(<?php echo $mosConfig_live_site;?>/templates/
<?php echo $mainframe->getTemplate(); ?>
/css/iepngfix.htc); }
</style>
<![endif]-->
You will notice that the quote above loads a file called iepngfix.htc. This is the file which actually corrects any transparency problems with Internet Explorer 6 and its predecessors. If you are a RocketTheme Club Member, this file is located in the /css directory in all templates that have been released after and including ColorMatic. Therefore, to finish the integration process, you will need to transfer the file, iepngfix.htc from the relevant template into the /css directory in your new template.
However, the PNGfix causes problems with PNG images that have need been defined in respects to their dimensions (width and height). The images then become bloated and look highly distorted. As always, there are simple methods around this.
As illustrated earlier, undefined PNG images come into conflict with the PNGfix. There are a range of simple solutions to correct this problem