Internet explorer IE中的文本阴影,备选方案

Internet explorer IE中的文本阴影,备选方案,internet-explorer,fonts,shadow,Internet Explorer,Fonts,Shadow,我需要IE中的内联、长、段落文本的文本阴影。我理解渐进增强,但情况不同。我绝对需要文本阴影,这不是设计问题,而是我的应用程序功能的核心问题 在任何情况下,IE都不支持CSS文本阴影。有哪些替代方案?我知道有些字体的轮廓会产生与文本阴影相似的效果,但IE是否支持web不安全字体 动态图像替换呢?这是一个可行的策略吗?考虑到课文的长度,我想可能不会 有人有什么建议吗?我也考虑过强制使用谷歌chrome框架,但如果没有其他可行的策略,这是最后的选择 谢谢。我认为,就您的核心需求而言,Flash是您最好

我需要IE中的内联、长、段落文本的文本阴影。我理解渐进增强,但情况不同。我绝对需要文本阴影,这不是设计问题,而是我的应用程序功能的核心问题

在任何情况下,IE都不支持CSS文本阴影。有哪些替代方案?我知道有些字体的轮廓会产生与文本阴影相似的效果,但IE是否支持web不安全字体

动态图像替换呢?这是一个可行的策略吗?考虑到课文的长度,我想可能不会

有人有什么建议吗?我也考虑过强制使用谷歌chrome框架,但如果没有其他可行的策略,这是最后的选择


谢谢。

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

对用户来说,这当然比强制使用Chrome框架更便宜

编辑:

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

更有希望的是,除非我弄错了,否则它看起来可能在IE中得到支持:

因此:


我认为您应该使用真正的字体(.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 */
}

@字体{
字体系列:MyCustomFont;
字体大小:10.0pt;
src:url(“fontname_free.eot”);/*IE的eot文件*/
}
@字体{
字体系列:MyCustomFont;
字体大小:10.0pt;
src:url(“fontname_free.ttf”)格式(“truetype”);/*用于CSS3浏览器的ttf文件*/
}
然后,在实际的html中,在样式属性中引用字体,如下所示:


您可以在此处将.ttf转换为.eot,并进一步了解其工作原理

我刚刚将其用于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中留下文本阴影,但是如何**!那是。。。lol

如果这能起作用,那将是令人惊讶的,但我想我以前尝试过这个方法,但发现它不能正确地用于内联元素。我会再试一次,谢谢。我真的看到了flash的优点,但是缺乏移动支持真的很烦人。不幸的是,我不相信这对内联元素有效。但是谢谢你的帮助。
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);
}