Question

我需要在我的网站上获取，和标签：http://designsweeter.com/ ......在IE 6,7,8,9和10中工作。

是否有一个javascript插件让IE了解text-shadow属性？

如果没有，是否可以通过shadow()等IE过滤器进行操作？是否有在线转换器将我的文本阴影转换为IE过滤器？

如果没有上述内容，是否有替代方案？

以下是我的标题标记：

h1{
    margin-left:auto;
    margin-right:auto;
    text-shadow:0 3px 0 #444,0 5px 10px rgba(0,0,0,.8),0 5px 5px rgba(0,0,0,.3);
    font-size:30px;text-align:center;
    font-weight:400;
    padding:10px;
}

h1 a:active{
    position:relative;
    font-weight:400;
    top:2px;
    text-shadow:0 3px 4px rgba(0,0,0,.6);
}

h2{
    text-align:center;
    font-size:25px;
    opacity:.9;
    font-weight:200;
    color:#fff;
    text-shadow:-1px -2px 1px #000;
}

h3{
    text-align:center;
    text-shadow:-1px -1px 1px #000;
    opacity:.7;
    font-size:15px
}

Answer 1

为什么要使用JavaScript并应用阴影，直接使用css不是一件容易的事。使用css会导致更少的reflow / paint事件。使用简单 filter：shadow（color =＃FF0000）

Answer 2

这应该有效：http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/

Answer 3

检查出来：

http://www.workingwith.me.uk/examples/css-drop-shadows.html#ie_win_and_safari

如何让这个文本阴影与IE过滤器一起使用？

3 个答案: