0

我正在为 IE8 做一些跨浏览器修复，我遇到了一些我以前从未见过的东西。有没有人见过这种疯狂的影子？有没有人知道可能是什么原因造成的？

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

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

感谢您提供任何帮助！

在此处查看 HTML 和 CSS：http: //marcusfriberg.com/skillbird/stof.html

4

3 回答 3

1

This problem is not only happening in IE8 but also in IE9. When I checked through Developer tool, It is clearly showing that it is happening because of the property filter which is given in the post-top and stats-type classes. I suggest you to go with conditional css to overcome this problem. Have a look at this link(community additions too) for clear understanding about the behaviour of filter in IE browsers.

EDIT:

And also in MDN, The filter property is not documented for IE browsers. Check compatibility section. It also stated that

Older versions (4.0 through 9.0) of the Windows Internet Explorer browser supported a non-standard "filter" that has since been deprecated.

The other filter property which is compatible with IE Browsers can be found at this link (not for IE9).

于 2013-02-19T11:53:32.517 回答
1

IE8 不支持text-shadowCSS，这是 Chrome 和 IE 似乎在这里使用的。

http://caniuse.com/css-textshadow

如果这是您继承的代码，那么很可能有人试图对 IE 使用另一种方法，但结果严重错误。

IE 有许多后备想法，但一种流行的想法是使用“IE 过滤器”。

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

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

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

有关更多信息，请参阅这篇文章：

http://www.impressivewebs.com/css3-text-shadow-ie/

为了在 IE 中实现更好的 text-shadow 效果，我使用了 CSS Pie。太奇妙了。在这里查看：

http://css3pie.com/

它现在甚至在我客户的一个网站上使用：http ://www.tokheim.com

希望有帮助。

于 2013-02-19T11:25:51.400 回答
0

截至本网站：

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

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

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

于 2013-02-19T11:10:48.363 回答