How can I get rid of these shadows on my text in Internet Explorer?

views:

answers:

+3 Q:

How can I get rid of these shadows on my text in Internet Explorer?

Hi There,

If you go to http://mattculbreth.com or http://mattculbreth.com/projects.html in IE <= 8, you'll see shadows around the text. Safari, Chrome, and FireFox all render this correctly.

From looking at the CSS, can anyone tell how to make this look better in IE? IE 9 looks ok (but it doesn't get the gradients, which I'm fine with).

Edit 1: I got this template from a designer. It uses the latest in CSS magic so I'm not shocked by less than perfect IE performance here. The CSS files are here and here and here.

Thanks a lot!

Matt

+1 A:

Looks like it's being generated by theme.css, the a few classes apply the dropShadow filter, including .box, .navwrap, P.link A, and more. I can't quite figure out which one is actually causing the drop shadow, as they shouldn't be applied. You can play around with removing them to see which fixes it.

Yisroel 2010-07-20 20:49:12

+2 A:

Edit #1: Remove all the "FILTER: progid:DXImageTransform.Microsoft.dropshadow(...);" attributes from your theme.css file and you are good to go.

Carter 2010-07-20 20:57:29

maybe this one> hard to tell for sure -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc')";

Mark Schultheiss 2010-07-20 21:04:33

Perhaps remove them one at a time, but those filters will only "work" in IE anyway.

Carter 2010-07-20 21:07:25

The problem is only in IE

Yisroel 2010-07-20 21:11:47

That got it! Thanks a bunch!

Matt Culbreth 2010-07-20 21:13:01

Removing the text-shadow properties from all your CSS files should do the trick. My theory is that even though it gets overridden in mc.css, IE9.js is being ambitious and applying it.

Pat 2010-07-20 21:00:41

ansaurus

tags:

views:

answers:

How can I get rid of these shadows on my text in Internet Explorer?

related questions