css子(>)选择器不能在IE8中工作？

从我在这里和那里收集和理解的东西(当我错了时阻止我)：
只要您使用doctype,html5<！DOCTYPE html>触发标准模式,子选择器(>)就可以在IE7上运行应该这样做.

不过,我的css：

nav > ul > li > a
{
    padding: 0.2em 2em 0.2em 2em;
    background-color: #FAFAFA;
}
nav > ul > li > a:hover
{
    background-color: #AFAFAF;
}

似乎没有达到我的HTML：

<!DOCTYPE html>
...
<body>
<header>
    <nav>
        <a class="inblock valignC logo" href="/"><img src="static/img/logo.gif" /></a>
        <!--Menu nav : logo | Agence | Portfolio | Equipe | Clients | Contact-->
        <ul class="inblock valignC">
            <li class="inline"><a class="ie" href="/agence/">Agence</a></li>
        ...
        </ul>
...

在IE8中,我必须使用我在目标< a> s上添加的专用.ie类.

任何解释？

解决方法

您需要在9下使用 HTML5 Shiv for IE版本：

<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

css子(>)选择器不能在IE8中工作？

解决方法

相关文章