css - 为什么 IE7 和 IE8 会忽略我在 wordpress 中对 .widget 类的编码？

Question

我一直在为我的主题进行 css 编码，该主题基于 21 岁。除了 IE7 和 IE8 之外，一切看起来都很好。

我意识到在这两个提到的浏览器中，我的小部件类“.widget”的样式被忽略了。我在进行消除测试后发现了这一点。我测试过的所有其他课程都需要进行 css 调整。只有那些 .widget 不会被 IE7 和 8 接收。

有一个已知的解决方案吗？

额外信息：我希望通过实现 1px 的黑色边框将每个小部件包含在一个框中。

score 0 · Accepted Answer

没有更多信息，不可能肯定地说，但正如 miszczu 已经评论的那样，旧版本的 IE 在应用具有多个类的规则时遇到问题，如下所示：

.widget { background: red; }
.widget.blue { background: blue; }

在大多数浏览器中，如果您有<div class="widget blue">test</div>，它将是蓝色的。但在较旧的 IE 中，它仍然是红色的，因为它不知道如何处理多个类。

如果这不适用于您，也许您可以使用更多详细信息编辑您的问题——指向您网站的链接或带有问题的 jsfiddle 将对解决您的问题非常有帮助。

score 0 · Accepted Answer

感谢@Scott 和@misczu 的帮助。

我做了主要的消除测试，发现这是一个 HTML5 问题。IE7 & 8 无法读取新的 HTML5 元素，而且我之前的外包似乎忽略了包含 HTML5 js 兼容性文件。IE7 和 8 无法处理包含小部件的 'aside' 元素。

最后，我不得不从 Google SVN 检索 HTML5 兼容性代码；包含在过时版本的 21 中的那个很古怪。它现在可以正常工作。

2 回答 2