html - IE css 过滤器 : adding black outline to text - how do I remove it?

Question

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

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

我怎样才能删除这个轮廓？

这是一个例子...(请使用 Internet Explorer 打开)

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

感谢任何帮助的人，谢谢

/* 更新 */

我想我只能忍受它。谢谢大佬指导

Answer 1

我仔细检查并开始测试所有组合或您的颜色选择，然后我意识到了。问题可能不是你的肤色。我查找了过滤器的正确调用:并在 Microsoft 站点上找到了它。

Shadow Filter

这给了我这个:

filter:progid:DXImageTransform.Microsoft.Shadow

我在你的例子中使用了它并改变了一些值(因为正确的调用你必须使用正确的值)并猜测是什么......看起来不错。

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)

您可能需要尝试使用 Chroma Color，但它应该可以工作。我无法在这台机器上测试它(我没有安装 IE9)。

我引用了 this发布。