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:
Description

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 http://208.252.24.104/show.html 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 (http://dev.jqueryui.com/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.