Bug Tracker

Ticket #5946 (closed bug: wontfix)

Opened 5 years ago

Last modified 4 years ago

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:
Blocking: Blocked by:

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

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

Change History

Changed 5 years ago by slubowsky

Changed 5 years ago by slubowsky

png with tranparency around edge to demonstrate issue

comment:1 Changed 5 years ago by slubowsky

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

comment:2 Changed 5 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 5 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 5 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 5 years ago by dmethvin

  • Component changed from unfiled to fx

comment:6 Changed 4 years ago by snover

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

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.