为什么投影向左偏移？答案

【问题标题】：Why is drop shadow offset to the left?为什么投影向左偏移？
【发布时间】：2013-01-31 20:23:23
【问题描述】：

我正在尝试在与 IE 7 和 8 兼容的 div 上创建投影。我只希望投影显示在 div 下方（而不是顶部、左侧或右侧边框）。使用 DXImageTransform.Microsoft.Shadow() 我将 X 偏移量设置为 0，但仅在 IE 7 和 8 中，阴影仍出现在我的 div 的左边框上。任何想法为什么？

#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;

}

【问题讨论】：

标签： html css internet-explorer

【解决方案1】：

当您对图像进行模糊处理时，它会变得更大。即使您在水平轴上偏移0px（正如您所做的那样），较大的模糊也会出现在您的内容左侧。

【讨论】：

谢谢。这是否意味着我不能以某种方式只在底部边框上显示阴影？如果我只能水平和垂直移动阴影，我不清楚如何实现。
我认为我完全使用了错误的过滤器。我应该使用 DXImageTransform.Microsoft.dropshadow()。是的？但是，这不会产生模糊效果。