Bug Tracker

Opened 6 years ago

Closed 5 years ago

#5946 closed bug (wontfix)

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)

show.html (667 bytes) - added by slubowsky 6 years ago.
empty.png (7.9 KB) - added by slubowsky 6 years ago.
png with tranparency around edge to demonstrate issue

Download all attachments as: .zip

Change History (8)

Changed 6 years ago by slubowsky

Changed 6 years ago by slubowsky

png with tranparency around edge to demonstrate issue

comment:1 Changed 6 years ago by slubowsky

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

comment:2 Changed 6 years ago by slubowsky

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.

comment:3 Changed 6 years ago by slubowsky

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

comment:4 Changed 6 years ago by slubowsky

See UI Ticket #3791 (http://dev.jqueryui.com/ticket/3791) which apparently is the same. Is show() core or UI?

comment:5 Changed 6 years ago by dmethvin

  • Component changed from unfiled to fx

comment:6 Changed 5 years ago by snover

  • Resolution set to wontfix
  • Status changed from new to closed

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.

Note: See TracTickets for help on using tickets.