Question

我一直在为我的主题编写css代码，该主题基于Twenty Eleven。除了在IE7和IE7中，一切看起来都很好IE8。

我意识到在这两个提到的浏览器中，我的窗口小部件类“.widget”的样式被忽略了。我做了消除测试后想出来了。我测试过的每个其他课程都会进行css调整。只有那些.widget的内容才被IE7＆amp; 8。

有没有已知的解决方案？

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

Answer 1

如果没有更多信息，就不可能肯定地说，但正如miszczu已经评论过的那样，旧版本的IE在使用多个类的规则时遇到了麻烦，例如：

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

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

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

Answer 2

感谢@Scott和@misczu的帮助。

我做了主要的淘汰测试，发现它是一个HTML5问题。 IE7＆amp; 8无法读取新的HTML5元素，似乎我之前的外包忽略了包含HTML5 js兼容性文件。 IE7＆amp; 8无法处理包含小部件的'aside'元素。

最后，我必须从Google SVN检索HTML5兼容性代码;包含在Twenty Eleven过时版本中的那个是古怪的。它现在正常运作。