CSS3 text-shadow effect with jQuery

Question

I wanted to be able to create a effect identical to CSS3 text-shadow Property, making it available to browsers that doesn’t support this CSS3 Property (like IE 7 and 8).

And so I found two plugins: Text Shadow and Drop Shadow Effect.

I decided to use Text Shadow, because it was released in the end of 2008, and because it was more straightforward.

This worked great for IE8. However in IE7 shadows have twice the distance to the text, and links are weird.

IE8 image

IE7 image alt text http://img651.imageshack.us/img651/2569/ie7.jpg

I am searching for a fix, or an alternative to this problem.

Answer 1

I just solved my own problem.

I used a pure JavaScript plugin called: ie7-js.

This plugin is very useful, because it makes old IE’s behave more like modern browsers.

Thank you all for your time and attention anyway.