fadeToggle() & bugs in IE (all versions) with PNG, MNG, APNG

Reported by:	monolithed@gmail.com	Owned by:	monolithed@gmail.com
Priority:	low	Milestone:	1.next
Component:	effects	Version:	1.4.4
Keywords:		Cc:
Blocked by:		Blocking:

Description

fadeToggle() bug with alpha-channel in IE (all versions) with PNG, MNG, APNG

examle:

http://www.jsfiddle.net/APZ4h/3/

Attachments (0)

Change History (4)

Changed January 23, 2011 09:22PM UTC by addyosmani comment:1

owner:	→ monolithed@gmail.com
priority:	undecided → low
status:	new → pending

Tested this with IE6 and there didn't appear to be any problems at all. With IE8 and IE9 there's a minor difference in how the graphics are faded out but this seems to be more to do with IE's PNG/transparent image handling than anything else.

Could you go into detail about what the bug you're experiencing?

Changed January 24, 2011 07:00AM UTC by monlithed comment:2

Could you go into detail about what the bug you're experiencing?

Platform: Windows XP SP3

watch the video:

http://www.jsfiddle.net/APZ4h/5/

Changed January 28, 2011 02:19PM UTC by jitter comment:3

_comment0:	I guess this one of the many IE png transparency bugs. What workarounds to that did you try out? → 1296224365669849
component:	unfiled → effects

I guess this is one of the many IE png transparency bugs. What workarounds to that did you try out?

Changed January 28, 2011 02:54PM UTC by jitter comment:4

resolution:	→ worksforme
status:	pending → closed

This test case doesn't have the behavior shown in your video anymore for me. Fixing this was as easy as setting a background color on the image elements, which is a known workaround for some IE png issue and one of the first hints you get when googling.

Side navigation