I have black text over a transparent area and in ie8 it has funky fuzzy black outlines around the text. Is there a way to get rid of this? Thanks
Asked
Active
Viewed 5,591 times
3
-
Please explain how you are currently using PNGs (as you mention them in the title and tags) – Deebster Aug 14 '12 at 15:58
-
Do you have screecap, and code to what you are doing to the Text? – Mark Pieszak - Trilon.io Aug 14 '12 at 15:58
-
2Can you provide a link. demo or some code? – Jared Aug 14 '12 at 15:58
-
1Have you looked into ie9.js? http://code.google.com/p/ie7-js/ – egbrad Aug 14 '12 at 15:59
-
@jrod i cannot provide the link as the project im working on is confidential. But basically all it is a png made in photoshop of a card and above the card is black text that is on a transparent layer. The text is fuzzy. – Kenneth Ashley Aug 14 '12 at 16:03
-
@KennethAshley Would love to help but without seeing some html and css it would all be guessing. If you can, recreate the problem in a generic fashion and provide that if confidentiality is an issue. – Jared Aug 14 '12 at 16:15
-
Do you have any other filters on the element (or a parent)? From [caniuse.com](http://caniuse.com/#search=png) "IE7 & 8 do not support PNG alpha transparency, if you put an alpha filter on them or a parent element." – MrOBrian Aug 14 '12 at 16:33
-
If this is a 8bit PNG try to save ist as a PNG24. Could solve the problem. – insertusernamehere Aug 14 '12 at 17:39
1 Answers
1
I'm assuming by transparent layer, you mean a layer with an opacity setting?
You given this solution a shot? PNG transparency prоblеm in IE8
Go here: http://css3please.com/
and use the .box_rgba rule to generate the opacity, instead of the regular 'filter: alpha(opacity=50);' way.
