internet-explorer - 过滤器 : progid:DXImageTransform. Microsoft.DropShadow(OffX ="x", OffY ="y", Color ="color") 是文本阴影 : in IE? 的可行替代品

Question

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

Answer 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 上 - 所以，向提出这个想法的人道歉!