PNG fix in IE6 flashes the image which then disappear

NiklasBr - September 17, 2008 - 15:58
Project:PNG Fix
Version:6.x-1.0
Component:Code
Category:bug report
Priority:normal
Assigned:Unassigned
Status:active
Description

Installed pngfix (6.x 1.0) in my Drupal 6 installation and then set the preference to .product_wrapper p (markup looks like this: <div class="product_wrapper"><p><img src="image.png" /></p></div>). This will cause the images to flash and then disappear in IE6 (version 6.0.2800).

#1

mariuss - October 4, 2008 - 17:07
Priority:normal» critical

Almost the same thing here. Using the following markup:
<div class="pngfix"><img src="..." /></div>

Even worse, the test page at http://drupal.org/node/205365 does not work, neither with IE5.5 or IE6. See attachments.

The issue does not seem to be with our sites or with Drupal 6, the CSS or JavaScript must be broken IMO.

Does the test page above actually work for anyone?

AttachmentSize
PngFix-IE5.5.png 43.04 KB
PngFix-IE6.png 42.03 KB

#2

mariuss - October 4, 2008 - 20:37
Priority:critical» normal

I was running IE on Linux and Mac OS X using WINE, and this is where the problem shows up.

Just tested IE6 under Windows XP and there everything works fine, except for the test image. The test image does not render properly even there.

#3

NiklasBr - October 6, 2008 - 14:04

Test image broken here as well.

Attaching a screen grab from IE6 in crossover:

AttachmentSize
ie6crossoverpngissue.png 99.6 KB

#4

Rob Loach - October 6, 2008 - 16:12

That test image doesn't use the PNG Fix. It's just an image they had on the PNG Fix website...

#5

eater - July 24, 2009 - 12:43

Looks like pngFix does not take into account <base> tag. Replacing string 79 with

strNewHTML += 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src=\'' + $('base').attr('href') + jQuery(this).attr('src') + '\', sizingMethod=\'scale\');';

fixed problem for me.

AttachmentSize
jquery.pngFix.js.txt 4.67 KB

#6

beckyjohnson - October 6, 2009 - 16:32

I applied your fix and it didn't work for my logo, unless this is a separate issue. Please take a look: http://www.wimaxtimes.com. When you hover over the logo link, it flashes part of the image away for a moment.

Becky

 
 

Drupal is a registered trademark of Dries Buytaert.