2

可能重复：
相当于 IE 中的 text-shadow

我有这个在 Safari 中运行良好的文本阴影。但它不在IE中。如何为 Safari 和 IE 获得相同的阴影效果？

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

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

4 回答 4

2

旧版本的 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 中，您将获得对 Internet Explorer 5.5 到 8 的支持。

于 2012-05-22T23:58:40.700 回答
1

text-shadowIE 不支持，但是这里有一些关于模拟效果的建议。不过，公平地说，结果并不令人印象深刻。

我强烈建议坚持优雅降级的概念，并在不支持它们的浏览器上丢弃非关键影响。如果它是绝对必须的（即品牌识别）并且如果其应用范围允许（即必须只出现在一个地方），您可以将预渲染的内容作为 png 图像提供给 IE。

于 2012-05-23T00:03:58.610 回答
0

这将适用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)";

测试：

  • 谷歌浏览器 19.0.1084.46 m
  • 火狐 3.6.16
  • 火狐12.0
  • 歌剧 11.64
  • 互联网浏览器 8.0.6001.18702
  • Internet Explorer 9.0.8112.16421IC
于 2012-05-23T00:11:32.010 回答
-4

对于野生动物园尝试把这个

-webkit-text-shadow: 2px 2px 2px #303030;
于 2012-05-23T00:00:01.110 回答