Bug Tracker

Opened 10 years ago

Closed 9 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 10 years ago.
empty.png (7.9 KB) - added by slubowsky 10 years ago.
png with tranparency around edge to demonstrate issue

Download all attachments as: .zip

Change History (8)

Changed 10 years ago by slubowsky

Attachment: show.html added

Changed 10 years ago by slubowsky

Attachment: empty.png added

png with tranparency around edge to demonstrate issue

comment:1 Changed 10 years ago by slubowsky

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

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

Component: unfiledfx

comment:6 Changed 9 years ago by snover

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.

Note: See TracTickets for help on using tickets.