Question

This question already has an answer here:

Possible Duplicate:
Equivalent to text-shadow in IE

我有这个文字影子,在Safari工作很好,但在IE却不行。我怎么才能对Safari和IE产生同样的影子效应呢?

<a class="feast_info" title="title">feast</a>

.feast_info {
    cursor: pointer;
    color: green;
    text-shadow: 2px 2px 2px #303030;
}

Answer 1

旧版的 Internet Explorer 不执行 CSS 的构造。您可以在您的 CSS 中使用它 :

<强>因特网探索者8:

#text_block_id {
   -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#99cc99)";
}

<强度 > 因特网探索器5.5-7:

#text_block_id {
   filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#99cc99);
}

在您的 CSS 中添加这两条线, 您将得到支持的互联网探索者 5. 5 到 8 支持。

Answer 2

text-shadow 没有得到 IE 的支持, 但有些建议 < a href=> http://www.hohotocreate.co.uk/textshadow.html> rel="no follow" >这里来模拟效果。要完全公平, < a href=> http://jsfiddle.net/ovfiddle/fRNkT/2/" rel="no follow", 结果并不令人印象深刻。

我强烈建议坚持优雅的降解概念,放弃对不支持这些观点的浏览器的非关键影响。如果这是绝对必须的(即品牌识别),如果其应用范围允许(即必须只存在于一个地方),您可以将预发内容作为插图提供给独立电子产品。

Answer 3

这将在最常见的浏览器 应用 text-shadow (见下文测试列表) :

<强 > CSS

text-shadow: 1px 1px 2px #444444;
filter: dropshadow(color=#444444, offx=1, offy=1);
filter: shadow(color=#444444,direction=135,strength=2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#444444,direction=135,strength=2)";

<强 > 测试:

Google Chrome 19.0.1084.46 m
Firefox 3.6.16
Firefox 12.0
Opera 11.64
Internet Explorer 8.0.6001.18702
Internet Explorer 9.0.8112.16421IC

友情链接