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

发布于 2024-07-29 05:55:28 字数 367 浏览 3 评论 0原文

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

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

基本上这个页面看起来很糟糕。

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

编辑:问题已解决。 IE8 没有处理新 DOMElement 上的类属性。 必须设置 className 来代替。

Just today learned that one of my websites, TwitPeek.net, is not rendering properly in IE8 outside of "Compatibility Mode". The site works fine in IE7.

Upon some investigation, it appears that IE8 is refusing to apply the page stylesheets to the anchor and img tags that the page's javascript generates. Because of this, none of the script.aculo.us animations display properly, the images aren't set to a uniform size, and all margins are completely ignored.

Basically the page looks like crap.

This has to be an IE8 bug, but is there something I can do to work around it besides using the compatibility mode meta tag?

EDIT: Problem solved. IE8 wasn't processing the class attribute on the new DOMElement. Had to set className instead.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

人生百味 2024-08-05 05:55:28

你在你的源代码中看到过这个吗?

<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

have you seen this in your source-code?

<body id="index;" >

i doubt it has anything to do w/IE8 and more to do w/your HTML...

EDIT I think your error is here:

#FeedList>div>a.item>img {    <------------
    border:0;    
    width:140px;
    height:140px;    
    -webkit-box-shadow:0px 2px 7px black; <--------
} 

maybe try:

#FeedList div a.item img {
    border:0;    
    width:140px;
    height:140px;    
} 

to see what it does... also, please post the generated HTML... you may be having problems with malformed HTML also.

PS: I also get the following JS error:

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
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文