CSS3 text-shadow effect using jQuery

Question

I wanted to be able to create an effect identical to the CSS3 Text-shadow Property, making it available for browsers that do not support this CSS3 Property (e.g. 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 at the end of 2008, and because it was simpler.

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

IE8 Picture

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

I am looking for a fix or alternative to this problem.

Answer 1

I just solved my problem.

I used a clean JavaScript plugin: ie7-js .

This plugin is very useful because it makes old IE more similar to modern browsers.

Thank you all for your time and attention.