IE9 & IE10 Validation Background Transparent

Question

I am having issues with IE9 and IE10 not showing the background box of the validation message.
Similar to this this post

I have search the forums for a workable answer, but haven't been successful.

I found others having validation box background who have tracked it down to issue to the formcheck-yui.js, but the solution posted on that forum don't seem to be working for me.

In IE9, my css/formcheck/theme/grey/formcheck.ss file for .fc-tbx .tl looks like this:


filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='https://www.pchp.net/components/com_chronoforms/css/formcheck/theme/grey/url("img/tl.png")', sizingMethod='crop')

But in IE8 mode, it works and looks like this:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='https://www.pchp.net/components/com_chronoforms/css/formcheck/theme/grey/img/tl.png', sizingMethod='crop')

The extra ("img/tl.png") appears to be throwing off IE9.

Please, I need help on this. I will PM a link if need be. But if someone has a solution, I am all ears.

Thanks,
Melvins138

melvins138 · Accepted Answer

Based on this post (which I correctly linked this time) it appears I should replace this code in components/com_chronoforms/js/formcheck/formcheck-yui.js

From this:


var a=(k.backgroundRepeat=="no-repeat")?"crop":"scale";k.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"+g+"', sizingMethod='"+a+"')";k.backgroundImage="none"

I changed it to


var a=(k.backgroundRepeat=="no-repeat")?"crop":"scale";k.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"+g+"', sizingMethod='"+a+"')"