有没有一个简单的方法使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标准文本阴影。