[TYPO3] png issues - images totally disapear in IE with tpg_iepngfix

[Gilles Deacur]

Gilles Deacur wrote:
> I'm trying to configure another site.
> 
> I need transparent images on a gradient, so saved them a png24.
> 
> I installed tpg_iepngfix.
> 
> The images have always looked fine in FireFox, before and after the 
> extension install.
> 
> However, in IE, the images with grey background showed before the 
> install, and now the images totally disappear after the install.
> 
> View in FF and IE:
> 
> http://www.sunshinelock.com
> 
> This is what is output in FF:
> 
> QUOTE
> 
> <img src="fileadmin/templates/sunshinelocksmith/images/bg/balloons.png" 
> alt="balloons" class="balloons" />
>     <img 
> src="fileadmin/templates/sunshinelocksmith/images/bg/logo-175.png" 
> alt="left slice" class="left" />
>     <img 
> src="fileadmin/templates/sunshinelocksmith/images/bg/header_right.png" 
> alt="right slice" class="right" />
> 
> END QUOTE
> 
> Works fine
> 
> This is output in IE:
> 
> QUOTE
> 
>  <img src="/typo3conf/ext/tpg_iepngfix/spacer.png" style="width: 0; 
> height: 0; filter: 
> progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/sunshinelocksmith/images/bg/balloons.png', 
> sizingMethod='scale');" alt="balloons" class="balloons" />
>     <img src="/typo3conf/ext/tpg_iepngfix/spacer.png" style="width: 0; 
> height: 0; filter: 
> progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/sunshinelocksmith/images/bg/logo-175.png', 
> sizingMethod='scale');" alt="left slice" class="left" />
>     <img src="/typo3conf/ext/tpg_iepngfix/spacer.png" style="width: 0; 
> height: 0; filter: 
> progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/sunshinelocksmith/images/bg/header_right.png', 
> sizingMethod='scale');" alt="right slice" class="right" />
> <!-- MAIN MENU: Top horizontal menu of the site. -->
> 
> END QUOTE
> 
> Does not work fine.
> 
> Is there something I did wrong?


I figured it out.  I didn't specify any width or height attributes in 
the image tags.  Once I put those in there the images worked just fine 
in my browser.

Maybe include that in the documentation as a warning of what not to do.