0

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

由于这些是动态出现的价格，我不能使用图像。如果有人可以帮助我，那就太好了。

当人们将其标记为重复问题时，为其添加更多描述。

  1. 我知道我可以使用过滤器来创建阴影，但这不会给字体带来类似边框的感觉。
  2. 如果我们使用多个 dropShadow 过滤器来创建边框，字体会从边角处被截断，这又看起来不太好。
  3. 有 JS 插件可用于创建带边框的字体，但由于我需要显示的价格必须在同一页面上显示多次，因此使用这些 JS 插件会很慢。

提前致谢。

4

2 回答 2

0

你可以看看这个，它的工作方式类似于 css3 PIE，但有一些文本阴影功能。我从未使用过这个特定的，但它可能值得一试。

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

于 2013-02-19T04:19:10.860 回答
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);
于 2013-02-19T04:07:37.123 回答