Question

有一个我以前从未见过的IE的奇怪问题。

我的一大堆选择器根本不适用于IE7和IE8。它们在IE9和良好的浏览器中运行良好。

要查看效果，请只关注此网站左上角的徽标：www.rtotv.com.au。使用IE9中的开发人员工具（F12），找到以下元素：

<body>
  <div class="container">
    <header class="row header clearfix">
      <h1 class="span3 logo">
        <a title="RTO TV Home" class="ir" href="/">   <--this element

styles.css样式表正在加载，并且.ir类正在应用，但作为示例，此样式选择器不适用于IE7中的AT ALL＆amp; 8，但在IE9中完美运行：

header h1.logo a {}

如果我能弄清楚这里发生了什么，我相信我能够修复网站的其余部分，但是现在，这完全破坏了IE7中的网站。 8.

Answer 1

此网站使用HTML5构建，ie7和ie8不支持，ie9不完全支持。

看看modernizr：

Modernizr是一个开源JavaScript库，可帮助您构建下一代HTML5和CSS3驱动的网站。

或者您可能希望使用XHTML重新分析HTML，将nav，section，header标记替换为支持的标记

Answer 2

这是因为IE不支持HTML5。添加以下脚本以在IE中呈现html5。然后在header元素中添加一个类，然后使用该类添加样式。

document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");

Answer 3

您还可以使用shiv来填补空白。

CSS选择器不适用于IE7和IE8

3 个答案: