如何在 IE 中做一个盒子阴影？答案

【问题标题】：How to do a box shadow in IE?如何在 IE 中做一个盒子阴影？
【发布时间】：2011-03-29 23:22:51
【问题描述】：

我将它用于 firefox 和 web kit 浏览器：

-moz-box-shadow: 0 0 15px #888;
-webkit-box-shadow: 0 0 15px #888;
box-shadow: 0 0 15px #888;

对于 IE，我从这篇文章中找到了 2 个过滤器：

http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

但是这 2 个过滤器是针对那篇文章的示例，而不是我想要实现的框阴影效果。我试图改变它，但我不熟悉 IE 过滤器。任何人都可以更改这两个过滤器以使用我需要的阴影效果吗？

【问题讨论】：

标签： internet-explorer cross-browser css

【解决方案1】：

我不会费心设置这些过滤器，因为它们的行为与 box-shadow 不完全相同。

对于我的项目，我使用css3PIE，它将css3 功能添加到不支持它们的IE 浏览器。我发现这个 box-shadow 的解决方案更加一致。你可以使用普通的 css3 语法——你需要做的就是加载库。

【讨论】：

css3pie 的 +1。工作的最佳工具。唯一可行的选择就是让 IE 用户没有阴影。
我爱你伙计，这东西很棒而且超级容易实现！
请注意它——同时使用它提供的 1-2 个或 3 个功能——否则它仍然会出现问题。 position:relative 经常解决问题。他们也有很棒的常见问题解答