IE8拒绝将样式表应用于dom创建的元素

时间:2009-07-25 03:20:50

标签: javascript css internet-explorer-8 prototypejs scriptaculous

就在今天了解到我的某个网站TwitPeek.net在“兼容模式”之外的IE8中无法正常呈现。该网站在IE7中运行良好。

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

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

这必须是一个IE8错误,但除了使用兼容模式元标记之外,我还能做些什么来解决它吗?

编辑:问题已解决。 IE8没有处理新DOMElement上的class属性。不得不改为设置className。

1 个答案:

答案 0 :(得分: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;    
} 

查看它的作用...也请发布生成的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