Not sure how you are doing it, but II made a cross browser text shadow solution a bit ago that still works:
http://stansight.com/WordPress/2007/10/28/text-drop-shadows/

I wanted to focus on ease of implemention for the user, so I used unabtrusive javascript to dynamically create and position the CSS objects, but the funny thing is that after I made it I never ended up using it. :)

Great post.

I’ve fixed your html, so everyone can see it. Nice bit of code, it’s somewhat similar to what I tried with my IE solution.

Your code looks great at large font-sizes, but because all the effects are done on the text itself, instead of a duplicate behind it, it tends to blur the text too much, imho. Cheers for another solution though! :)


<b style="
display:block;
width: 8em;
height: 2em;
font: bold 160pt Georgia;
color:#ddd;
padding:.5em;
filter:
dropshadow(offX=1 offY=-2)
dropshadow(offX=2 offY=2)
shadow(strength=5)
blur(direction=45 strength=3)
blur(direction=135 strength=3)
">
Troy III
</b>


in IE 10 or 11?! :) (I’ve just wrapped it up from what I could remember from 11 years before ).

This is a previous century technology 1997 and it’s an ancient IE4 capability. (preview this in any IE4.01 &< ) do you think that browsers are at last (after 11 years) finally caching up with IE4?