IE10 没有文字阴影答案

【问题标题】：No text-shadow in IE10IE10 没有文字阴影
【发布时间】：2013-05-19 07:55:08
【问题描述】：

我有一个应用了文本阴影的菜单，以便模糊链接。它按预期工作，只是在 IE10 中它完全隐藏了链接。只有将鼠标悬停在链接上时才会显示它们，因为悬停时会删除文本阴影。

这里是应用代码：

text-shadow: 0px 0px 3px #fff;

另外，这里是链接...菜单位于屏幕的左下方。 http://madebym.net/test/ractiv/index.html

【问题讨论】：

【解决方案1】：

这个问题有几个可能的原因。

【讨论】：

未使用过滤器，我用 * 重置了所有边距和填充。此外，我减少了文本阴影，它仍然隐藏了我的链接。这也是我首先想到的。我猜需要一个单独的 IE 样式表。
尝试一个JSFiddle，在一个带有白色文本阴影的黑盒子上只有一个白色文本，然后测试它，让它在几个浏览器中打开。另外，我认为您不需要一个完整的单独样式表。如上所示的短样式标签或 PHP 浏览器检测脚本可以完成这项工作。
造成问题的不是文本阴影，而是所有链接上设置的颜色：透明。好像没有IE版本支持这个属性。
那是因为“透明”仅在 CSS 规范中用于背景色。理论上，其他浏览器不应该将它用于文本颜色。这是他们放的奖金。然后尝试颜色：rgba(0,0,0,0)。但是，如果您想支持不支持 RGBA 的 IE8，您可以将文本设置为与阴影相同的颜色。或者干脆完全忘记那个浏览器的影子。 IE8 用户不需要它来进行网站导航，是吗？
@Ariane: transparent 现在是颜色级别 3 中 color 的可接受值，应计算为 rgba(0,0,0,0)。也许 IE 还没有流行起来。

【解决方案2】：

使用这个text-shadow: 0px 0px 3px 1px rgba(255,255,255,0.5)。

【讨论】：

【解决方案3】：

在IE10上可以使用，能否打开开发者工具（F12），确保渲染和文档模式设置为IE10和IE10标准模式？

【讨论】：

【解决方案4】：

dstorey 和 Mark 已经向您指出了可能导致您的问题的原因。更具体地说，您可以搜索

<meta http-equiv="X-UA-Compatible" content="IE=9"/>

或

中的类似标签

<head>

如果 IE 版本低于 10，请删除或有条件地注释它，因为如果它存在，它将阻止您的文档在 IE 10 中正确呈现。

【讨论】：