IE css过滤器：在文本中添加黑色轮廓 - 如何删除它？

Question

我正在尝试向IE中的元素添加文本阴影 - 我知道它不支持该属性但使用filter：property我可以非常接近它。

但是当我使用的文字不是黑色时，文本周围会出现黑色轮廓。

如何删除此大纲？

以下是一个示例...（请使用Internet Explorer打开）

http://jsfiddle.net/mossman/mLRYG/

感谢任何帮助人员，谢谢

/ *更新* /

认为我只需忍受它。感谢方向人

Answer 1

我经历了开始测试所有组合或颜色选择然后我意识到了。它可能不是你的颜色问题。我查找了正确的过滤器调用：在Microsoft站点上找到了这个。

Shadow Filter

给了我这个：

filter:progid:DXImageTransform.Microsoft.Shadow

我在你的例子中使用了它并且改变了值的fiew（因为正确的调用你必须使用正确的值）并且猜测......看起来很不错。

filter:progid:DXImageTransform.Microsoft.Shadow(color='#CC0000', Direction=225, Strength=8)

我在IE8中对此进行了测试。工作得很好。我添加了你的jsFiddle示例。以下是具有工作视图的新link。

您还会注意到，通过官方调用，它不会在单词的第一个字母上剪切最左侧的阴影。

<强>更新

您可以尝试将以下内容与.Shadow

结合使用

progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)

你的电话看起来像这样......

filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
        progid:DXImageTransform.Microsoft.Shadow(color='#CC0000', Direction=225, Strength=8)

你可能不得不玩色度颜色，但它应该工作。我无法在这台机器上测试它（我没有IE9）。

我引用了this帖子。

Answer 2

这似乎是渲染引擎的一个问题。

With a large enough font-size, I get no black outline

由于没有extra parameters for this filter（除了一个禁用它），我想你必须与它一起生活。