Question

我在CSS中使用以下来概述我的字体有一些边框，但这在IE中不起作用，是否有任何可能性，我可以做类似的东西，以便这在IE中工作。目前，这在Chrome，FF，Safari中运行良好。

.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插件会非常慢。

提前致谢。

Answer 1

您可以使用过滤器创建多个文本阴影：

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

Answer 2

你可以研究一下，它与css3 PIE类似，但有一些文本阴影功能。我从来没有使用过这个特定的，但它可能值得一试。

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

在使用文本阴影的IE中的字体边框

2 个答案: