1. 首页
  2. 问答
  3. 在IE10中没有文字阴影

在IE10中没有文字阴影

2013-05-12 43 views
3

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

下面是应用代码：

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

而且，这里是链接...菜单位于屏幕的左下部分。 http://madebym.net/test/ractiv/index.html

来源

2013-05-12 suludi

+0

我在IE10中看到文本 - 阴影很好。您可以打开开发人员工具（F12）并确保渲染和文档模式设置为IE10和IE10标准模式？可能是因为您已切换到以前版本IE的兼容模式。 – 2013-05-13 01:40:02

+0

是的，它是有效的，我的错误。但正如我在下面的评论中所说的，问题是设置颜色：所有链接都是透明的，即IE10不理解的属性。我为IE10和更低版本提供了条件样式。 – suludi 2013-05-20 22:58:51

回答

3

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

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

来源

2013-05-12 14:00:16 Ariane

+0

没有使用过滤器，我用*重置所有边距和填充。此外，我减少了文字阴影，它仍然隐藏了我的链接。那也是我首先想到的。我想只需要一个单独的IE样式表。 – suludi 2013-05-12 14:06:52

+0

尝试使用带有白色文本阴影的黑色框上的白色文本的JSFiddle，然后测试一些内容，并在多个浏览器中打开它。另外，我不认为你需要一个完整的单独的样式表。上面显示的简短样式标签或PHP浏览器检测脚本可以完成这项工作。 – Ariane 2013-05-12 14:09:18

+0

这不是导致问题的文字阴影，而是所有链接上的颜色：透明设置。看来没有IE版本支持这个属性。 – suludi 2013-05-12 14:20:42

0

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

来源

2013-05-13 04:48:07

0

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

来源

2013-05-13 09:03:20 Mark

0

dstorey和Mark已经指出你可能导致你的问题。更具体地讲，您可以在您的文档的

<head>

部分搜索

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

或类似的标记，删除或有条件评论它的IE浏览器版本低于10，因为如果它是目前它会阻止你的文档在IE 10中正常渲染。

来源

2013-05-18 23:55:08 Pere

相关问题

 相关问题