Help with "Add Shadow to Main Body Area (xg_body) for All Browsers"

Hi,

I added this code to my CSS (it is the only code there)

#xg_body {
-moz-box-shadow: 3px 3px 14px #000;
-webkit-box-shadow: 3px 3px 14px #000;
box-shadow: 3px 3px 14px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
The shadow is there, but all my text is blurry (see attached file).  I've tried different fonts, colors, 
backgrounds, etc, to no avail.
Can anyone offer any advice?
TIA

Views: 95

Attachments:

Reply to This

Replies to This Discussion

Hi,

I'm a premium member....I thought I got support.

Hi Kelly,

Yes, all premium members get special attention when time allows, absolutely. You may want to ask questions in the premium group so I don't miss your question. I do not guarantee support for everything for the yearly subscription. But, premium members are high priority. ;-)

 

On this question, unfortunately there isn't a lot that can be done about this. IE does not fully support the shadow. If you back down the strength a little, it will probably help. Instead of:

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, 
Try changing the strength to 2 and see if it improves. And maybe change the shadow from black to gray (000000 to e6e6e6).

Hope that helps,
Jen

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips