ie7中奇怪的css行为答案

【问题标题】：strange css behavior in ie7ie7中奇怪的css行为
【发布时间】：2011-09-14 22:06:11
【问题描述】：

我在 internet-explorer-7 中遇到了一个奇怪的行为。
在设置/重置全局 css-style-class 后，布局似乎被破坏了。可以使用以下html-file 重现该问题。单击按钮后，表格的字体系列会发生变化。 js 代码只是在 body-tag 上设置了一个样式类，然后再次将其删除。

似乎.dijitInputField input.dijitReset-selector 应用于<td>。

谁能向我解释这种行为？

EDIT 根据要求，here 是 jsfiddle 演示文稿 - 但它不能用于重现错误，因为会自动添加文档类型

【问题讨论】：

我建议你使用 JSFiddle 来获取代码 sn-ps 和演示页面。
如何在 jsfiddle 中创建 quirks-mode-page？
我不确定你能做到。但我更多地谈论的是演示目的，而不是在特定浏览器中进行测试。有一个草稿功能，但仅适用于注册用户。您冷尝试在 DOCTYPE 标记之前添加一些评论，看看它是否有帮助 - 就像在 IE 中一样。编辑：我说“尝试”是因为 JSFiddle 会自动添加 doctype。
如果您使用的是 quirksmode，那就是您的问题。说真的，在 IE6 中添加了 quirksmode，以提供与 IE5 的向后兼容性。如果您不需要支持 IE5，那么您真的不应该再使用 quirksmode 了。（如果你确实需要支持IE5，那你早就应该尖叫着跑掉了！）

标签： css internet-explorer internet-explorer-7 dojo

【解决方案1】：

您的 (x)html 文档必须使用 DOCTYPE。它总是可以节省时间并避免遇到奇怪的问题/错误，尤其是在 IE 中。

【讨论】：

我知道建议设置 doctype 以避免 quirks-mode - 事实上也可以解决这个问题 ;-) 但我必须处理无法再更改的遗留代码
@Gerhard：怪癖模式是问题所在。如果你不能摆脱使用 quirksmode 的需要，那么你将很难摆脱这个问题。就这么简单，对不起。这个答案是正确的解决方案，即使它不是您想听到的答案。