IE8 CSS Shadow无法在父div上正确显示

Question

以下是我的网站：http://uwf.edu/honors/thesis_submission/

在Firefox中，一切都非常棒。但是，在IE8中，阴影不会围绕我容器内的底部页脚div。

<div class = "container">
    ...
    <div style = "clear:both"></div>
    <div class = "..." id = "footer">
    </div>

</div>

有关为何发生这种情况的任何想法？

Answer 1

IE8本身不支持box-shadow CSS属性。

我注意到你使用filter样式来达到同样的效果。

首先，对于IE8，您应该使用-ms-filter而不是filter，并将过滤器值括在引号中，如下所示：

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction= 135, Strength=5)";

如果您想支持IE6和IE7，还需要保留现有的filter样式。

其次，我强烈建议使用像CSS3Pie这样的产品，以便为IE添加对标准CSS box-shadow的支持。这将大大简化样式表并使其更易于维护。

Answer 2

你的HTML搞砸了。

它应该是 <div style = "clear:both"></div>