就在今天得知我的网站之一 TwitPeek.net 在“兼容模式”之外的 IE8 中无法正确呈现。该站点在 IE7 中运行良好。
经过一些调查,IE8 似乎拒绝将页面样式表应用于页面的 javascript 生成的 anchor 和 img 标记。因此,没有一个 script.aculo.us 动画可以正确显示,图像没有设置为统一大小,所有边距都被完全忽略。
基本上页面看起来像垃圾。
这一定是一个 IE8 错误,但除了使用兼容模式元标记之外,我还能做些什么来解决它吗?
编辑:问题已解决。 IE8 没有处理新 DOMElement 上的类属性。必须改为设置 className。
最佳答案
你在你的源代码中看到过这个吗?
<body id="index;" >
我怀疑它与 IE8 有任何关系,而与您的 HTML 有更多关系......
编辑 我认为你的错误在这里:
#FeedList>div>a.item>img { <------------
border:0;
width:140px;
height:140px;
-webkit-box-shadow:0px 2px 7px black; <--------
}
也许试试:
#FeedList div a.item img {
border:0;
width:140px;
height:140px;
}
要查看它的作用...另外,请发布生成的 HTML...您也可能遇到格式错误的 HTML 问题。
PS: 我也得到以下 JS 错误:
Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; InfoPath.2; Zune 3.0; .NET CLR 3.5.30729; .NET CLR 3.0.30618; Tablet PC 2.0) Timestamp: Sat, 25 Jul 2009 04:13:00 UTC Message: 'console' is undefined Line: 21 Char: 41 Code: 0 URI: http://www.twitpeek.net/js/twitpeek.js
关于javascript - IE8 拒绝将样式表应用于 dom 创建的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1181104/