Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.
Bug 336290 - [client] [ie] image opacity settings for commands look bad on IE
Summary: [client] [ie] image opacity settings for commands look bad on IE
Status: RESOLVED FIXED
Alias: None
Product: Orion
Classification: ECD
Component: Client (show other bugs)
Version: 0.2   Edit
Hardware: PC Windows 7
: P3 normal (vote)
Target Milestone: 0.2   Edit
Assignee: Susan McCourt CLA
QA Contact:
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-02-03 17:06 EST by Susan McCourt CLA
Modified: 2011-09-01 11:42 EDT (History)
0 users

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Susan McCourt CLA 2011-02-03 17:06:31 EST
part of the changes I've made to the command service use CSS opacity to deemphasize the commands when they are not being hovered.  This looks nice on Chrome and FF.  On IE an opacity < 100% looks raggedy, specifically in the upper right of the image.  When the image goes to full opacity, it looks fine.

The dojo docs claim that dojo.style using "opacity" is supposed to deal with browser differences.  I tried an older trick whereby we use the style
  filter: alpha(opacity=50);
on IE, but it actually made things worse (the 100% looked raggedy too).
Comment 1 Susan McCourt CLA 2011-02-23 18:46:55 EST
I noticed that the IBM icons (gifs) did not have this problem.

The problem turns out to be IE having trouble with the PNG format and transparency.  Lots of warnings to "be careful with PNG on IE unless you are using the Microsoft AlphaImageLoader filter.  

http://support.microsoft.com/kb/294714

So I elected to save the remaining PNG files used in commands as gifs, and the problem is resolved.