在IE中使用文字 - 阴影的字体边框
问题描述:
我在CSS中使用以下边框来勾勒带有一些边框的字体,但这在IE中不起作用,有没有可能,我可以做类似的东西,在IE中。目前,这在Chrome,FF,Safari中运行良好。在IE中使用文字 - 阴影的字体边框
.ItemPrice {
font-size: 40px;
color: #E8C61E;
-webkit-text-stroke: 1px #B2412F;
text-shadow: -1px 0 #B2412F, 0 1px #B2412F, 1px 0 #B2412F, 0 -1px #B2412F;
}
由于这些是动态出来的价格,我不能使用图像。如果有人能帮助我,那会很好。
添加更多的描述,因为人们标记它重复的问题。
- 我知道我可以使用过滤器来创建阴影,但是不会像字体那样给人感觉的边框。
- 如果我们使用多个dropShadow过滤器来创建边框,字体会从角落中切断,这看起来不太好。
- 有JS插件可用于创建带有边框的字体,但由于我需要显示的价格必须在同一页面上多次显示,因此使用这些JS插件使其非常缓慢。
在此先感谢。
答
你可以把多个文本阴影与过滤器:
filter: progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=-1);
IE不支持文字阴影在低于10的版本,但它的长期支持一个专有的模拟。 – reisio 2013-02-19 02:06:13
对于这样一个小的影响,试图强迫它在IE中工作的麻烦是值得的吗?没有它,它将正常运行。 – 2013-02-19 02:35:04
唯一的原因是,有一些使用IE作为一些网络支持的专有软件(后端种类不确定),因此它必须在那里得到支持。 – 2013-02-19 02:38:56