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

Question

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

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

如何删除此大纲？

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

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

感谢任何帮助家伙，谢谢

/* 更新 */

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

Answer 1

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

阴影滤镜

这给了我这个：

filter:progid:DXImageTransform.Microsoft.Shadow

我在您的示例中使用了它并更改了一些值（因为通过正确的调用，您必须使用正确的值）并猜猜是什么……看起来不错。

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

我在 IE8 中对此进行了测试。工作得很好。我添加到您的 jsFiddle 示例中。这是带有工作视图的新链接。

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

更新：

您可以尝试将以下内容与 .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）。

我参考了这篇文章。

Answer 2

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

使用足够大的字体大小，我没有黑色轮廓。

由于此过滤器没有额外的参数（禁用它的参数除外），我想您必须接受它。