The CSS3 Text Shadow feature isn't supported in Internet Explorer 9... and it'll be a while before 10 sees the light of day and longer before it takes over from IE9... and becomes workds #1
browser. It's a shame... text shadows are excellent to breathe life into a website.
I been looking for at solution... Internet Explorer supports text shadows with their filer command - but it's simply too ugly!
But I found this solution... not perfect - but looking really good:
added to RapidWeaver 5's resources
You can download
the files here:
I've been looking for a IE9 fall back
- to make my BlackLight Stack work with IE9. Here's the result:
Compared to the 'original':
It's more than acceptable - for the poor lost IE9 users - I think...
With the stack there's a few limitations... problems I haven't been able to figure out yet. It's really advanced alien kind of science... this work-around! One of them is - the soft shadow is created with the font color! I really don't know why it does that!
Related to the BlackLight Stack - there's a copule of rules - to create this 'fall back'.
1. Text must be made a link
This way you can use the font color as shadow color, and link color as your text/link color.
If you don't need the text to link to any particlular page - use a # as a link.
2. Add your blur and x and y coordinates.
Remember - shadow color is ignored - it uses the font color instead.
If any of you have any experience with the cssSandpaper... let me know.
The cssSandpaper solution offers a lot of fixes for IE9.