什么是造成这个疯狂的阴影？

我正在为IE8做跨索引浏览器修复，我遇到了一些我从未见过的东西。有没有人见过这个疯狂的阴影？是否有人知道可能是由什么造成的？什么是造成这个疯狂的阴影？

我附上了两个截图，一个来自IE8，一个来自Chrome。

IE8 - http://cl.ly/image/1u0t0A2D0p0l 铬 - http://cl.ly/image/411L1B0Y2X3Y

感谢任何形式的帮助！

查看HTML和CSS这里：http://marcusfriberg.com/skillbird/stof.html

来源

2013-02-19 DrMtotheac

请提供阴影元素的CSS代码。 – 2013-02-19 10:59:28

请发布您的HTML和CSS的这些元素。 – 2013-02-19 10:59:49

您可以在这里查看HTML和CSS：http://marcusfriberg.com/skillbird/stof.html – DrMtotheac 2013-02-19 11:32:13

这个问题不仅发生在IE8中，还发生在IE9中。当我通过开发人员工具进行检查时，由于post-top和stats-type类中给出的属性filter清楚地表明它正在发生。我建议你用条件css来解决这个问题。看看这link（社区增加太）为清楚了解在IE浏览器中的行为filter。

编辑：

而且还MDN，该filter属性未记录的IE浏览器。 Check compatibility section。它还指出

Windows Internet Explorer浏览器的旧版本（4.0到9.0）支持自从过时的非标准“过滤器”。

另一filter属性是与IE浏览器兼容。在这link（不用于IE9）中找到。

来源

2013-02-19 11:53:32

非常感谢！那样做了。 – DrMtotheac 2013-02-19 12:06:57

很确定我回答了这个！好吧。很高兴你有它分类无论如何。 – 2013-02-19 12:36:29

@MichaelGiovanniPumo嘿，是的，你做到了。不同的是，你解释了这个问题，我指出了这个问题。：D（OP在后面链接了html文件） – 2013-02-19 12:44:36

由于这种website：

p { text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; }

“的第一个值指定水平距离和所述第二指定阴影的垂直距离的第三值指定模糊半径和最后一个值描述阴影的颜色。“

这意味着您的Y轴过滤值太大。

来源

2013-02-19 11:10:48 Morpheus

IE8在CSS中不支持text-shadow，这就是Chrome和IE在这里使用的样子。

http://caniuse.com/css-textshadow

如果这是你继承的代码，那么很有可能是有人试图使用IE的替代方法哪去了可怕的错误。

IE有很多回退的想法，但最流行的是使用'IE Filters'。

有时这些合法的IE过滤器可以达到与标准CSS类似的效果，但在其他时候，它们需要进行微调。

您可能需要扫描CSS文件以使用过滤器并根据需要进行调整。代码看起来类似于：

#element { 
    filter: alpha(opacity=70); /* the opacity won't work! */ 
    filter: glow(color=black,strength=5); 
}

为了实现在IE中文字阴影的效果更佳，我使用CSS馅饼。太奇妙了。看看这里：

http://css3pie.com/

而且它甚至被现在用在我的客户的网站之一：http://www.tokheim.com

希望有所帮助。

来源

2013-02-19 11:25:51

什么是造成这个疯狂的阴影？

回答

相关问题