Black background - IE7 alpha PNG & jQuery fade animation

[kuvik]

When I use fade animation effect on div with background-image (PNG+alpha channel), IE7 renders background-image as black background

Testcase: ​http://gamca.informacie.sk/betatest/index.php

[brandon]

This is unfortunately a limitation of Internet Explorers handling of opacity and alpha pngs. The only workaround is to remove the alpha filter after the animation has completed. Same applies to clear text when setting opacity.

[anonymous]

I solved this by setting a background colour on the png to match the page bg color _{it's not transparent but it does work with jquery opacity=1 so a workaround!}