为什么IE7和IE8忽略了我在wordpress中为.widget类编码?



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

我意识到在提到的这两个浏览器中,我的小部件类".widget"的样式被忽略了。我在做消除测试后想通了这一点。我测试过的所有其他类都进行了 css 调整。只有那些制作到.widget的不会被IE7和8接受。

有没有已知的解决方案?

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

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

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

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

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

感谢@Scott和@misczu的帮助。

我做了主要的消除测试,发现这是一个HTML5问题。IE7和8无法读取新的HTML5元素,似乎我早期的外包忽略了包含HTML5 js兼容性文件。IE7和8无法处理包含小部件的"旁白"元素。

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

最新更新