Side navigation
#3145 closed bug (wontfix)
Opened July 09, 2008 03:36PM UTC
Closed January 20, 2009 03:07AM UTC
Last modified March 09, 2012 05:00PM UTC
Black background - IE7 alpha PNG & jQuery fade animation
| Reported by: | kuvik | Owned by: | |
|---|---|---|---|
| Priority: | major | Milestone: | 1.3 |
| Component: | effects | Version: | 1.2.6 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
When I use fade animation effect on div with background-image (PNG+alpha channel), IE7 renders background-image as black background
Attachments (0)
Change History (3)
Changed July 15, 2008 02:24AM UTC by comment:1
| component: | core → fx |
|---|
Changed January 20, 2009 03:07AM UTC by comment:2
| resolution: | → wontfix |
|---|---|
| status: | new → closed |
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.
Changed July 21, 2011 01:28PM UTC by comment:3
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!