Question

在我的网站[removed]上，我在顶部菜单中应用了box-shadow。当然，我也想在IE上显示它。

所以我已经为IE8和更低版本应用了这段代码：

zoom:1; /* This enables hasLayout, which is required for older IE browsers */
/* For IE 5.5 – 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color=’#444444’);
/* For IE 8 */
-ms-filter: “progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color=’#444444’)”;

但正如您在网站上看到的那样，这不起作用。我错过了什么？谢谢！

Answer 1

您的报价是弯引号。试试这个：

zoom:1; /* This enables hasLayout, which is required for older IE browsers */
/* For IE 5.5 – 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color='#444444');
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color='#444444')";

我听说过有关此JavaScript库的好评：CSS3PIE。

它似乎适用于IE6-9，你所要做的就是在你的元素中添加这一行CSS：

behavior: url(/PIE.htc);

该脚本将读取CSS3属性并相应地呈现它们。

Answer 2

您不需要color属性上的引号（卷曲或其他）。拿走那些，我认为你应该没问题。所以

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, 
    Direction=140, Color=#444444);

等

点击此处的示例：http://msdn.microsoft.com/en-us/library/ms533086(v=vs.85).aspx

修改

您也可以尝试-ms-filter扩展程序

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(trength=5, Direction=140, Color=#444444, positive=true)";

IE box-shadow CSS无效

2 个答案: