CODEWITHSUNDEEP
cssinternet-explorerinternet-explorer-8shadow
Matt Culbreth
Matt Culbreth

Reputation: 3265

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

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

Upvotes: 3

Views: 1261

Answers (3)

Carter Medlin
Carter Medlin

Reputation: 12465

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

Upvotes: 2

Pat
Pat

Reputation: 25675

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.

Upvotes: 0

Yisroel
Yisroel

Reputation: 8174

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.

Upvotes: 1

Related Questions