文本阴影不适用于IE10中的Font Awesome图标

时间:2013-04-25 20:07:10

标签: css internet-explorer-10 font-awesome

当应用于Font Awesome图标时,text-shadow属性在IE10中不起作用。我不确定这是否符合IE10规范或其他一些因素。

使用IE10,我需要使用什么CSS属性来显示像基于webkit的浏览器那样的阴影呢?如果使用CSS不是一个选项,是否有另一种方法可以在IE10中的Font Awesome图标上实现阴影?

问题示例:http://jsfiddle.net/vRqu5/1/

CSS

.icon-star-empty {
    -webkit-text-shadow: 1px 0px 3px rgb(159, 92, 74);
    text-shadow: 1px 0px 3px rgb(159, 92, 74);
    font-size: x-large;
    color: #ffe200;
}

1 个答案:

答案 0 :(得分:10)

也为::before添加相同的声明(我不知道IE10是否正常运行,但至少现在可以正常工作):

.icon-star-empty::before {
    text-shadow: 1px 0px 3px rgb(159, 92, 74);
}