Hi everyone,

I'm using colorBlend on the menu of the following site www.formulate-success.com but it is distorting the text in IE7 and lower. It works fine in Safari, Firefox, IE8, Opera etc.

Has anyone has this experience before?

Best wishes

Ed

I can't figure out why, but for some reason the plugin is doing more than altering the colors, it is also tweaking the opacity (WC3) / alpha transparency (Microsoft). This isn't going to work in IE7 and below, because those browsers have a bad reaction to the alpha transparency filter when used on text. Sometimes it is workable but in a delicate situation such as this, it looks very bad. The problem is this filter can never be totally removed in IE7 and below, so even when it is at 100% (zero transparency), there is still a lingering distortion.

I've never been able to find a solution for this bug in IE, so I think in this case the only solution will be to either 1. modify the plugin so that it doesn't mess with the opacity (or see if it has an option to not set it), or 2. Use conditional comments to only send the script to !IE and gte IE8.

I may have actually found a solution to this. http://blogs.msdn.com/ie/archive/2006/08/31/730887.aspx

It looks as if you may be able to just explicitly declare a background on the element to correct this. I haven't tested.

Wayfarer, yet again thank you. You're right, that makes the issue much better.

In IE6 - totally fixed
In IE7 - much better, slightly wonky

Just to clarify, my colorBlend effect is being called when I mouseover a certain 'a' tag. The css I added for that 'a' tag was as follows;

a {
filter:alpha(opacity=100);
opacity: 1.0;
background-color: white;
}

a{
background-color: white;
}
should be enough. Those other values are being set by the plugin. But it's whatever...