Home/ Questions/Q 9220669
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T03:24:15+00:00

I am trying to create a drop shadow on a div that is compatible

  • 0

I am trying to create a drop shadow on a div that is compatible with IE 7 & 8. I only want the drop shadow to appear below the div (not on the top, left, or right borders). Using DXImageTransform.Microsoft.Shadow() I am setting the X offset to 0 but the drop shadow still appears on the left border of my div in IE 7 & 8 only. Any ideas why?

#Container {
background-color: white;
position: relative;
z-index: 1;
width: auto;
zoom:1; 
filter: progid:DXImageTransform.Microsoft.Shadow(color='grey', OffX=0, OffY=5, Strength=5);
-webkit-box-shadow: 0px 5px 5px grey;
-moz-box-shadow: 0px 5px 5px grey;
box-shadow: 0px 5px 5px grey;

}

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When you blur an image, it gets larger. Even if you offset 0px on the horizontal axis (as you are doing), the larger blur will appear past the left of your content.

    • 0