internet-explorer-10 - IE10没有文字阴影

Question

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

应用代码如下:

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

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

Answer 1

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

1. IE 显示文本阴影的方式与大多数 brosers 不同:出于某种原因，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)
   (似乎还有一个名为“模糊”的过滤器，它可能更符合您的需要。页面上提到了它。)

   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 重置吗？