CSS3 text-shadow effect with jQuery

Posted by Marco on Stack Overflow See other posts from Stack Overflow or by Marco
Published on 2010-04-20T19:31:56Z Indexed on 2010/04/20 19:33 UTC
Read the original article Hit count: 201

Filed under:

css3

|

XHTML

|

jQuery

|

internet-explorer

Hello,

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 alt text

IE7 image alt text

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

© Stack Overflow or respective owner

Related posts about css3

A Few of My Favorite HTML5 and CSS3 Online Tools

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
I really enjoy coding up HTML5, CSS3, and JavaScript applications but there are some things that I’m better off writing with the help of a development tool. For example, CSS3 gradients aren’t exactly the most fun thing to write by hand and the same could be said for animations, transforms, or styles… >>> More
CSS3 - Validator - RGBA wrong?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using the W3C CSS Validator with the Profile CSS3 but the validator says that my CSS rgba()'s are wrong. I looked up the Color Module Level 3, and the syntax is the same as mine. I also tried the Dev-Validator, same result. Example input: div.class { border: 1px solid rgba(0, 0, 0, 0.5); } Am… >>> More
CSS3 webkit fading in a tooltip.

as seen on Stack Overflow - Search for 'Stack Overflow'
HI, I've just been experimenting with a CSS tooltip that fades in with CSS3's transitions. I've got it working up to a point, but for some reason, when I hover over where it's meant to be, it activates, even though it's positioned left:-999px;. So basically, what am I doing wrong/is what I was… >>> More
Poll: CSS3 color transparency

as seen on Stack Overflow - Search for 'Stack Overflow'
Many of you already know that you can express colors in your stylesheets like: color: #FFF; color: #FFFFFF; color: rgb(255,255,255); color: hsl(100%,100%,100%); and that you can use rgba() and hsla() to express color transparency. Do you think it would be a good idea to be able to express color… >>> More
Webkit CSS3 for Mozilla

as seen on Stack Overflow - Search for 'Stack Overflow'
What is the equivalent of -webkit-transition: opacity 0.6s linear; in -moz? I tried replacing -webkit with -moz but nothing happened. I even tried extending it to -moz-transition-property/duration but with no success. >>> More

Related posts about XHTML

Can XHTML nest more XHTML?

as seen on Stack Overflow - Search for 'Stack Overflow'
It's legal to nest SVG documents inside XHTML documents; but is it legal to nest XHTML documents inside other XHTML documents in the same fashion? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> … >>> More
Avoid richfaces to send back javascript libraries in the ajax responses

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using JSF 1.2 with Richfaces, and for every ajax request, the server is sending back the response, whichi is good, but it also contains all the links to the javascript files. I want to improve the performance so I just want the <body> to be returned, because all the javascript files are… >>> More
How to validate my Alexa code <noscript> tag in Head section

as seen on Stack Overflow - Search for 'Stack Overflow'
The doctype and HTML tag of my page is below: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.1//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-2.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" version="XHTML+RDFa 1.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www… >>> More
XHTML: Why You Should Be Using It

as seen on Internet.com - Search for 'Internet.com'
Marc Plotz gives us the skinny on XHTML ... >>> More
XHTML: Why You Should Be Using It

as seen on Internet.com - Search for 'Internet.com'
Marc Plotz gives us the skinny on XHTML ... >>> More