IE 文字阴影答案

【问题标题】：IE Text shadowsIE 文字阴影
【发布时间】：2014-02-27 06:45:23
【问题描述】：

我对 IE 文本阴影有点困惑。正如我所看到的，Internet Explorer 11 支持它，并且我在几个可以使用它的网站上使用它，但是在其他网站上，当我使用相同的确切格式时，它顽固地不显示：

{文本阴影：3px 3px 3px #000000;}

我已经检查并重新检查了所有 CSS 样式表，以确保没有任何内容覆盖它。我也尝试过使用过滤器来处理 IE 文本阴影，但也没有用。

所以，我的问题是 - 如果 text-shadow 在某些网站上有效，为什么它在其他网站上无效？有没有其他可能干扰的东西？仅供参考，我在所有网站上都使用 Joomla。

谢谢。

【问题讨论】：

你在 DOM 检查器中检查了吗？ IE11 有这个功能（F12）。如果 text-shadow 被覆盖，您会立即将其视为交叉属性
你检查过它是否被覆盖了吗？使用您的开发人员工具检查应用于元素的 CSS。
是的，先生们，我确实检查过开发人员工具。它没有被划掉。但是，与其他 CSS 属性不同，它旁边没有带有复选标记的复选框。
我在其他网站的开发人员工具中看到 CSS 被转换为类似的东西-->>> filter: progid:DXImageTransform.Microsoft.DropShadow(color=#000000, offX=1, offY=1 );但是...即使直接使用该过滤器也无法在这些其他网站上使用。
您是否有指向该站点的链接，这会导致问题？ caniuse.com/css-textshadow - IE10 和 IE11 支持文本阴影。

【解决方案1】：

删除这个标签：

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

它告诉 Internet Explorer 模拟 IE9，它不支持 text-shadow (http://caniuse.com/css-textshadow)。

或者设置为：

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

【讨论】：