css3 text-shadow在IE9 [英] css3 text-shadow in IE9

问题描述

有没有一个简单的方法让css3 text-shadow 在IE9中工作？至少一个文本阴影是巨大的。我想最好的IE8也支持。我希望有一个简单的jquery插件或.htc文件，它只是看一个元素的文本阴影css属性并实现它为IE9。

解决方案

是的，但不是你想象的。根据 caniuse （一个非常好的资源），没有支持，也没有polyfill可用于添加 text-shadow 支持IE9。但是， IE有自己的专有文本阴影（此处详述
$ b
$ b

$ b b

  p.shadow {
 filter：progid：DXImageTransform.Microsoft.Shadow（color =＃0000FF，direction = 45）; 
} 
  

为了跨浏览器的兼容性和代码的面向未来， CSS3标准 text-shadow 属性（此处详述）。这是特别重要的，因为IE10已正式宣布他们的意图 drop支持旧版dx过滤器。今后，IE10 +将只支持CSS3标准 text-shadow 。

Is there an easy way to have css3 text-shadow's working in IE9? At least a single text shadow would be great. I guess ideally IE8 is supported as well. I'm hoping there's a simple jquery plugin or .htc file which just looks at text-shadow css property of an element and implements it for IE9.

解决方案

Yes, but not how you would imagine. According to caniuse (a very good resource) there is no support and no polyfill available for adding text-shadow support to IE9. However, IE has their own proprietary text shadow (detailed here).

Example implementation, taken from their website (works in IE5.5 through IE9):

p.shadow { 
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);
}

For cross-browser compatibility and future-proofing of code, remember to also use the CSS3 standard text-shadow property (detailed here). This is especially important considering that IE10 has officially announced their intent to drop support for legacy dx filters. Going forward, IE10+ will only support the CSS3 standard text-shadow.

这篇关于css3 text-shadow在IE9的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！