1

就在今天,我了解到我的一个网站TwitPeek.net在“兼容模式”之外的IE8中没有正确渲染。该网站在IE7中正常工作。IE8拒绝将样式表应用到dom创建的元素

经过一番调查,似乎IE8拒绝将页面样式表应用到页面的javascript生成的anchor和img标签。因此,script.aculo.us动画没有任何显示正确,图像未设置为统一大小,并且所有边距都完全被忽略。

基本上页面看起来像垃圾。

这必须是一个IE8的错误,但有什么我可以做的除了使用兼容模式元标记除了解决它?

编辑:问题解决。 IE8未处理新DOMElement上的类属性。必须改为设置className。

+0

你可以发布你的动态添加图片的HTML的样子,然后相应的CSS? – Jason 2009-07-25 03:36:57

+0

事实上,IE8的新标准兼容行为在此处涵盖:http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx – EricLaw 2009-07-25 16:38:07

回答

0

你在源代码中看到过吗?

<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;  
} 

看看它干了什么......另外,请张贴生成器ated 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