IE7/8: In Kama skin toolbar buttons are not alpha blended properly and appear blurry until the mouse is hovered over

[sbranton]

description of problem can be found at: ​http://www.jacklmoore.com/notes/ie-transparency-problems

can potentially be resolved be ensuring a background color is specified when doing the alpha blending.

[sbranton]

Example of blurry toolbar buttons in IE8

[sbranton]

background-color style fix

[Jakub Ś]

Any chance for providing sample HTML page showing this problem not just on a screenshot?

[sbranton]

Example page illustrating problem along with fix

[sbranton]

The icons as we saw them, one with the mouse hovered...one without

[sbranton]

The icons as the appear with the background-color set...one with the mouse hovered over

[sbranton]

I've attached more screen shots illustrating the problem and our solution further.

I also added a test web page that illustrates the issue as well. If viewed in ie8 or ie7 you will be able to see the issue. This also includes a copy of the images we are using for the tool bar buttons, replacing one of the ckeditor tool bar buttons with one of these images will also allow you to see the problem.

[Jakub Ś]

I see that you have used background fill to fix your image.

I have also tried using your icons in CKEditor plugins and I didn't get such problems. Icons were not blended like you have described.
Is it possible that this problem occurred only because you have used some custom styles on CKEditor buttons?

[Jakub Ś]

@sbranton, could I ask for an update to this ticket?

[sbranton]

Example plugin (fullpage.html)

[sbranton]

I've created a plugin to illustrate the example.

In the attached "ckeditor.zip" I've created a very simple plugin to just load the button into the tool bar. I am not using any custom styles. If you open the "fullpage" sample (ckeditor/ckeditor/samples/plugins/wysisygarea/fullpage.html) in IE8 you should see the spell check button we are using. It will appear blurry, but clear up when moused over.

Please note we only see this issue in IE7 and IE8, not on any other browsers. So please be sure to test using either internet explorer 7 or 8.

Thanks.

[Jakub Ś]

Now I can confirm this. It is happening in IE7 and IE8 and only with skin kama.