微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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标准文本阴影。

原文地址:https://www.jb51.cc/css/222904.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。