filter: progid:DXImageTransform.Microsoft.DropShadow(OffX="x", OffY="y", Color="color") 是 IE 中 text-shadow: 的可行替代品吗？答案

【问题标题】：Is filter: progid:DXImageTransform.Microsoft.DropShadow(OffX="x", OffY="y", Color="color") a viable replacement for text-shadow: in IE?filter: progid:DXImageTransform.Microsoft.DropShadow(OffX="x", OffY="y", Color="color") 是 IE 中 text-shadow: 的可行替代品吗？
【发布时间】：2013-03-19 17:16:26
【问题描述】：

filter: progid:DXImageTransform.Microsoft.DropShadow(OffX="x", OffY="y", Color="color") 方法是否可以替代非 IE 浏览器中的 text-shadow: 属性？

【问题讨论】：

标签： internet-explorer css

【解决方案1】：

是的，按照亚历克斯的说法，它们大致相同。但是 - IE 过滤器的呈现方式非常丑陋。

如果需要文本阴影（我只是让 IE 在大多数情况下不使用，但有时需要），我发现的一种方法是逐字复制所需元素，将其放置在目标元素下方，然后应用模糊滤镜复制到副本，因为它渲染得更好。

例如，如果您有 jquery，并且想要定位 H2：

$("h2").each(function(){
    var h2_tx_Shadow = $(this).html();
    $(this).append("<span class='shadow_h2'>"+h2_tx_Shadow+"</span>");
});

然后在 CSS 中：

span.shadow_h2 {
position:absolute; top:0px; left:0px; z-index:-1;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2',MakeShadow='true',ShadowOpacity='0.40');
}

我希望我能找到我发现这个想法的线程 - 它甚至可能出现在 SO - 所以，向最初提出这个想法的人道歉！

【讨论】：

我应该补充一下，使用它的真正最佳实践是在不支持使用modernizr的文本阴影的浏览器中定位H2。

【解决方案2】：

是的，但它们并不完全相同。

我不相信你可以用专有的 IE 方法做多个文本阴影。

【讨论】：