Replies to This Discussion

Permalink Reply by JenSocial on November 11, 2010 at 1:04pm

Unfortunately, like you mentioned, this shadow will not work in IE. The other way is by using a shadow image. But, each case is unique. It depends on the width of the module.

Best,

Jen

Permalink Reply by Successful Women Network on November 11, 2010 at 1:23pm

oh man :( its not for the modules just for the entire body part

 

thank you :)

Permalink Reply by JenSocial on November 11, 2010 at 1:24pm

I understand. And the safest bet is to create a custom image/shadow.

However, I do have this little bit of code that you may be able to tweak. It will work differently in different browsers:

#xg_body {
    -moz-box-shadow: 3px 3px 14px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #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');
}

Permalink Reply by Successful Women Network on November 11, 2010 at 2:04pm

oh I see I just added your code and the shadow is currently only on the right side of the body part. Was it meant to be like that? I dont see an option to change it so that left and top are showing the shadow too in IE

in any way thank you so much though!!!!