IE 中的文本阴影，替代方案

Question

我需要在 IE 中为内联长段落文本提供文本阴影。我理解渐进增强，但情况有所不同。我确实需要文本阴影，这不是设计问题，而是我的应用程序功能的核心问题。

无论如何，IE 不支持 CSS text-shadow。有哪些替代方案？我知道某些字体的轮廓可以产生与文本阴影类似的效果，但 IE 是否支持网络不安全字体？

动态图像替换怎么样？这是一个可行的策略吗？考虑到文本的长度，我想可能不会。

有人有什么建议吗？我也考虑过强制使用谷歌浏览器框架，但如果没有其他可行的策略，这就是最后的手段。

谢谢。

Answer 1

我认为你应该使用 true type font(.ttf) 字体并将其转换为 .eot。然后通过 java 脚本在 html 中引用它，如下所示：

<style type="text/css">
@font-face {
 font-family: MyCustomFont;
 font-size:10.0pt;
 src: url("fontname_free.eot");/* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 font-size:10.0pt;
 src: url("fontname_free.ttf") format("truetype");/* TTF file for CSS3 browsers */
}

然后在实际的 html 中，在 style 属性中引用字体，如下所示：

您可以在此处将 .ttf 转换为 .eot，并找到有关其工作原理的进一步说明 http:// www.kirsle.net/wizards/ttf2eot.cgi

Answer 2

我认为，就你的核心需求而言，Flash是你最好的选择。我不确定 SIFR 是否支持阴影，但这值得研究。

与强制 Chrome 框架相比，这对用户来说无疑是更便宜的负担。

编辑：

看起来 SIFR 在这方面非常灵活：

http://fortysevenmedia.com/blog/archives /sifr_3_hard_drop_shadows/

更有希望，除非我弄错了，否则看起来 IE 可能支持它：

http://msdn.microsoft.com/en-us/library/ms533086%28VS.85%29.aspx

所以：

.className {
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);
}

Answer 3

我刚刚在 IE 中将其用于文本阴影：

p { zoom: 1; background-color: *Your background colour*; -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=*Your background colour*) progid:DXImageTransform.Microsoft.DropShadow(Color=#000, OffX=1, OffY=1)";  filter: progid:DXImageTransform.Microsoft.Chroma(Color=*Your background colour*) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000);
}

我唯一关心的是，如果用户更改了 PC 上的文本渲染，现在它会变得非常漂亮。如果我不将文本加粗，我的效果还可以，但一旦我这样做，它就会变得块状。

我可能只是在 IE 中留下文本阴影，但多么 S**！那是……哈哈