Welcome to the RapidWeaver Community Forums, where you can chat with RapidWeaver users from around the world!
Text Shadows in IE9 Guide
DeFliGra
DenmarkPosts: 776Members
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:
http://www.useragentman.com/blog/2011/06/29/full-css3-text-shadows-even-in-ie/
To use this the text shadows you'd only have to add a couple of javascript files to your resources and link to the javascript files in the header (from the pages where you use text shadows)... like this:
Javascript files added to RapidWeaver 5's resources:
Javascript files linked in the header:
You can download the files here:
https://github.com/zoltan-dulac/cssSandpaper
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':
http://www.denflinkegrafiker.dk/blacklight_stack/rapidweaver-stacks-blacklight.html
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.
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:
http://www.useragentman.com/blog/2011/06/29/full-css3-text-shadows-even-in-ie/
To use this the text shadows you'd only have to add a couple of javascript files to your resources and link to the javascript files in the header (from the pages where you use text shadows)... like this:
Javascript files added to RapidWeaver 5's resources:
Javascript files linked in the header:
You can download the files here:
https://github.com/zoltan-dulac/cssSandpaper
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':
http://www.denflinkegrafiker.dk/blacklight_stack/rapidweaver-stacks-blacklight.html
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.
<cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
http://www.denflinkegrafiker.dk · http://www.vissenbjergtryk.dk
http://www.denflinkegrafiker.dk · http://www.vissenbjergtryk.dk
