css3 text-shadow在IE9中

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

解决方法

是的,但不是你想象的。根据 caniuse(一个非常好的资源)没有支持和没有polyfill可用于添加文本阴影支持到IE9。但是,IE有自己的专有文本阴影( detailed here)。

示例实现,从他们的网站(在IE5.5到IE9工作):

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

为了跨浏览器兼容性和代码的面向未来,记住还要使用CSS3标准文本阴影属性(detailed here)。这是特别重要的,考虑到IE10已正式宣布他们的意图为drop support for legacy dx filters.未来,IE10将只支持CSS3标准文本阴影。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效