2013-02-19 48 views
0

我在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; 
} 

由于这些是动态出来的价格,我不能使用图像。如果有人能帮助我,那会很好。

添加更多的描述,因为人们标记它重复的问题。

  1. 我知道我可以使用过滤器来创建阴影,但是不会像字体那样给人感觉的边框。
  2. 如果我们使用多个dropShadow过滤器来创建边框,字体会从角落中切断,这看起来不太好。
  3. 有JS插件可用于创建带有边框的字体,但由于我需要显示的价格必须在同一页面上多次显示,因此使用这些JS插件使其非常缓慢。

在此先感谢。

+0

IE不支持文字阴影在低于10的版本,但它的长期支持一个专有的模拟。 – reisio 2013-02-19 02:06:13

+0

对于这样一个小的影响,试图强迫它在IE中工作的麻烦是值得的吗?没有它,它将正常运行。 – 2013-02-19 02:35:04

+0

唯一的原因是,有一些使用IE作为一些网络支持的专有软件(后端种类不确定),因此它必须在那里得到支持。 – 2013-02-19 02:38:56

回答

0

你可以把多个文本阴影与过滤器:

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); 
0

你可以看看这个,它的工作原理类似于CSS3 PIE,但有一些文字阴影的功能。我从来没有使用这个具体的,但它可能是值得一试。

http://www.fetchak.com/ie-css3/