View Full Version : IE Text Shadowing Hacks

07-23-2012, 03:31 PM
See below in chrome & IE. Chrome renders correctly...


Anyone have a tried & true IE hack for text shadowing? 7 & up is fine...
I don't have the option in this case to utilize html 5, so I'm stuck with older scripts. Unless of course a good js script is available... Anyone? :)

07-23-2012, 05:53 PM
If the design has to be like that, I'd just use regular text, and then an image replacement technique for output.

If this is for IE6 only, i'd forget about it. Assuming the target audience is in the states. Unless you have the site stats to back it up ;-)

07-23-2012, 06:35 PM
Oops... no disclaimers... The picture is a placeholder till I create some real ones from greenscreening... Doesn't have a thing to do with this discussion, just gotta cover myself here :)

I'd like to be able to use the shadowing. I need to tone it down & tweak the coloring, but in the immediate moment would like to make it work in IE. Could you define image replacement technique? This is a text manipulation technique of some sort?

07-23-2012, 06:37 PM
Also, I was referring for a method for 7 & up... I could care less about 6 :)

07-24-2012, 01:16 AM
have a look at this john http://www.useragentman.com/blog/2011/06/29/full-css3-text-shadows-even-in-ie/

07-24-2012, 01:10 PM
Could you define image replacement technique?

It's where you replace some text with an image.
For example:

p#special {
width: 100px;
height: 50px;
margin: 0;
background: url(special.png);
text-indent: -9000px;

There is a couple of different variations of this technique, none which are perfect afaik.