Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.

Bug 336290

Summary:	[client] [ie] image opacity settings for commands look bad on IE
Product:	[ECD] Orion	Reporter:	Susan McCourt <susan>
Component:	Client	Assignee:	Susan McCourt <susan>
Status:	RESOLVED FIXED	QA Contact:
Severity:	normal
Priority:	P3
Version:	0.2
Target Milestone:	0.2
Hardware:	PC
OS:	Windows 7
Whiteboard:

Description Susan McCourt

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

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.