I’ve spent the day scouring the web for information on whether or not any build of Mozilla has support for the CSS2 text-shadow property. It doesn’t, which sucks. Why does it suck? Because I’m not able to see what Safari 1.1+ users are able to see: drop shadows on text without graphics.
Now, I know that there are other ways to do it, but they require syncing the text on the page with text in your CSS file — which is fine if it’s a permanent header or something. But it doesn’t work as well with blogs.
So, alas, Safari 1.1+ users now can see the use of the text-shadow property on my site, even though I can’t. *sigh*
P.S. I didn’t work entirely blind. I used Dan Vine’s iCapture to see what I was doing.
« Update » Apparently, text-shadow has been in Bugzilla for 5 years! It appears that no one has bothered to write the code for it, and that’s the only reason why it hasn’t been implemented yet.
William
May 7, 2004
Is it not an good option to use Javascript to create a drop shadow effect? You can use the DOM to duplicate the text and insert an extra node. It should work on all recent browsers, even IE which doesn’t support :after and have no ill effects in older browsers.