css 阴影适用于 firefox 和 chrome，但未在 Internet Explorer 上显示答案

【问题标题】：css shadows are fine with firefox and chrome but not showing on Internet Explorercss 阴影适用于 firefox 和 chrome，但未在 Internet Explorer 上显示
【发布时间】：2011-10-25 12:07:07
【问题描述】：

css 阴影适用于 firefox 和 chrome，但无法在 Internet Explorer 上显示我使用了以下代码

 -moz-box-shadow: 0 0 20px #000;

有人可以建议我解决这个问题

谢谢！

【问题讨论】：

虽然解决方案在答案中，但普遍接受的观点是框阴影是“渐进式增强”，并且它们的缺失不应给其他用户带来负面体验。换句话说，使用 CSS3 盒子阴影就足够了，这是一个普遍的信念（我同意这一点）。没有必要用过滤器胡闹。

标签： html css

【解决方案1】：

-moz-box-shadow: 0 0 20px #000; 仅适用于 FireFox。

你可以使用box-shadow: 0 0 20px #000;

IE

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20);

-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20)";
        zoom: 1;

你必须玩转价值观。

可能是这样的

.something{
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000;
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20);
    -ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20)"; zoom: 1;
}

【讨论】：

这不会在 IE9+ 上运行 filter 吗？

【解决方案2】：

如果您说的是 IE 版本 CSS3PIE 这样的 poly-fill。

否则，在包含供应商前缀的版本后，请务必使用非供应商前缀规则（规则前面没有 -moz 或 -webkit）。

【讨论】：

你不需要使用poly-fill，你可以使用IE专有过滤器，-ms-filter
我不同意，过滤器是 IE 原生的。 poly 填充很可能使用 {filter} 来纠正 ie。 polyfills 是垫片，但如果您在样式表中单独使用 {filter:}，那不是 polyfill，这是有效的，即 css。只是一点点不同。
它提供了浏览器本身不提供的功能（在本例中为 CSS3 框阴影）。这就是 poly-fill 的定义。
浏览器本身就提供了它。它使用 IE 的原生样式来达到预期的效果。查看你的 PIE 源文件哟。
本机不提供 CSS3 框阴影。如果是这样，CSS3 语法将达到效果。

【解决方案3】：

-moz-box-shadow 仅适用于 FF 和 Chrome。在 Internet Explorer 中，您必须使用 box-shadow。

它们可以一起使用：

-moz-box-shadow: 0 0 20px #000;
box-shadow: 0 0 20x #000;

【讨论】：

【解决方案4】：

你可以使用--ms-box-shadow，或者尝试只使用普通的 box-shadow。

另外，它只适用于 IE v9

【讨论】：

【解决方案5】：

那是CSS3，9以下的任何IE浏览器都不支持，因为IE传统上是不合格的浏览器。因此，除非您使用的是 IE9 或 10（不知何故），否则您很不走运

【讨论】：

正如其他受访者所表明的，有一些方法可以让它在 IE lt 9 中工作。
好吧，你为什么要拒绝我的，就像其他 5 个人说的一样