Skip to main content

Bug Tracker

Side navigation

#5946 closed bug (wontfix)

Opened January 26, 2010 08:41PM UTC

Closed October 31, 2010 09:40PM UTC

Animated show of element with transparency looks bad in Internet Explorer

Reported by: slubowsky Owned by:
Priority: major Milestone: 1.4.2
Component: effects Version: 1.4
Keywords: show Cc:
Blocked by: Blocking:

Using show('slow') on an element containing an image with transparency looks fine in Firefox but bad in Internet Explorer. During the animation the transparency is ignored. (I am using IE 8 and tried all modes)

See for example for a trivial example. In my much more involved real use case it actually looks much worse.

Attachments (2)
  • empty.png (7.9 KB) - added by slubowsky January 27, 2010 11:28PM UTC.

    png with tranparency around edge to demonstrate issue

  • show.html (0.7 KB) - added by slubowsky January 27, 2010 11:27PM UTC.
Change History (6)

Changed January 27, 2010 11:30PM UTC by slubowsky comment:1

Added html and sample image demonstrating issue since url included in ticket likely wont be valid forever

Changed January 28, 2010 02:21PM UTC by slubowsky comment:2

While show() shows up in the documentation for core jQuery apparently this is a jQuery UI bug. I just tried my code using jquery-ui-1.8rc1 instead of jquery-ui-1.7.2 and see that the bug is fixed. Unsure how to delete or close this bug report.

Changed January 28, 2010 02:47PM UTC by slubowsky comment:3

Not sure what I was smoking but I retract my last comment. It is still broken even with jquery-ui-1.8rc1. I must have been using firefox and thought it was IE

Changed January 29, 2010 04:20PM UTC by slubowsky comment:4

See UI Ticket #3791 ( which apparently is the same. Is show() core or UI?

Changed June 14, 2010 12:41AM UTC by dmethvin comment:5

component: unfiledfx

Changed October 31, 2010 09:40PM UTC by snover comment:6

resolution: → wontfix
status: newclosed

This is impossible to fix. The only way you can have an alpha-transparent image with CSS filter is to apply the filter directly to an <img> tag containing the alpha-transparent image.