Text Looks Like Crap/Distorted in Safari With Change of Opacity

I finally got IE to clear up its text after changing opacity with javascript, but it looks like Safari is suffering from the same issue.

When I have javascript change the opacity of a div layer with text in it back to 100, It looks distorted in Safari only.

Is there a work around for this browser?


There is a workaround for all browsers to prevent opacity inheritance on the text which does not require js at all.


Should explain it all and it gives a live demo.


The thing is that I do want opacity to apply to the text within. I’m fading out a section of content and then fading it back in (to sum it up). It looks good, until I fade it back to 1 (or 100)

All browsers, including IE, are showing the text clear once faded back in. Safari is not.

My fix for IE was document.getElementById(‘mydiv’).style.removeAttribute(‘filter’)

So thought there might be something like that for safari.


I see, well this really sounds like a ? for the js forums.
You might try posting over there.