CSS选择器不适用于IE7和IE8

时间:2012-07-11 06:29:34

标签: html css html5 internet-explorer-7 css-selectors

有一个我以前从未见过的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.

3 个答案:

答案 0 :(得分:4)

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

看看modernizr:

  

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

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

答案 1 :(得分:2)

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

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

答案 2 :(得分:1)

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