CODEWITHSUNDEEP
cssinternet-explorer-9
jmasterx
jmasterx

Reputation: 54103

text shadow in Internet Explorer 9?

I have a div that has this property:

text-shadow:2px 2px 3px #252525;

It works great in Firefox 5, but Internet Explorer 9 does not show it. I thought IE 9 was supposed to support CSS3?

How can I get a similar result in IE then?

Upvotes: 3

Views: 8058

Answers (2)

thphoenix
thphoenix

Reputation: 191

Since this has been a pain in my side, I figured I'd post the most important thing left out EVERY time I see something about text shadows..

well.. 2 things.

.shadow {
   display: block; /* required for it to work.. */
   text-shadow: 0.1em 0.1em 0.1em gray;
   filter: Shadow(Color=gray, Direction=45, Strength=1);
}

Also, you might force IE compatibility mode using the next line in the section:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

I wish IE would get on board with the rest of the world. every single time I write something, IE always has troubles. What's worse, it works in every browser or device EXCEPT IE.

Something else that may be cool to know:

http://www.colorzilla.com/gradient-editor/

does color gradients with IE compatibility (check both boxes.) Works great.

Now, all we need is a great IE fix for curved corners that consistently works.

Enjoy.

Upvotes: 2

VIK
VIK

Reputation: 689

IE9 does not understand text-shadow property. You can use filter property (IE only) instead:

text-shadow:2px 2px 3px #252525;

can be replaced with

filter: Shadow(Color=#252525, Direction=45, Strength=2);

The result must be similar.

Upvotes: 8

Related Questions