3

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

这是应用的代码：

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

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

4

4 回答 4

3

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

  1. IE 不会像大多数兄弟一样显示文本阴影：出于某种原因，IE 阴影更加不透明。然后你必须检查浏览器。

    即 <=9:

    filter:progid:DXImageTransform.Microsoft.DropShadow(color=#000000, offX=1, offY=1);

    （详细信息：http: //msdn.microsoft.com/en-us/library/ms532985%28v=vs.85%29.aspx）
    （似乎还有一个名为“blur”的过滤器可能更符合您的需要.它在页面上提到。）

    IE 10+：

    text-shadow: 0px 0px 3px rgba(100%,100%,100%,0.8);

    （稍微透明的阴影来抵消 IE 的阴影不透明度。你也可以减小阴影的大小，看看它的作用。）

    其它浏览器：

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

    （您的正常代码。）

  2. 原因也可能是您为以前的 IE 版本使用 IE 过滤器制作了阴影，但忘记将其应用于支持普通阴影的 IE 10，导致两种效果堆叠。

  3. 听起来不太可能，但也许某处存在影响这一点的默认值差异。您是否使用 CSS 重置？

于 2013-05-12T14:00:16.483 回答
0

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

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

或类似的标签 

<head>

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

于 2013-05-18T23:55:08.657 回答
0

它在IE10上工作，你能打开开发者工具（F12）并确保渲染和文档模式设置为IE10和IE10标准模式吗？

于 2013-05-13T09:03:20.000 回答
0

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

于 2013-05-13T04:48:07.533 回答