css nav ul 不工作

Question

我创建了一个新网站，我的问题是菜单在 FF 和其他浏览器中正常，但在 IE 中不正常。

问题是，它不会列出列表元素，没有悬停，没有颜色，也没有内联。

这是代码

nav {
    margin-top: 15px;
}

nav ul {
    position: relative;
    left: 297px;

}

nav li  {
    float: left;
    padding: 0 20px;
    font-size: 12px;
    line-height: 65px;
    background: url(images/line.png) no-repeat right 10px;
    height: 72px;
    text-transform: uppercase;

} 

nav li a {
    color: #656464;
    text-decoration: none;
    display: block;
}

nav li:hover {
    background: url(images/hover.png) repeat-x 0 35px;
    color: #242424;
}

有人可以给我提示吗？

Answer 1

nav 是一个 HTML5 元素；旧的 IE 无法识别它，因此不会应用您的样式。

要使 IE 识别 HTML5 标记，请放置 HTML5 shiv在你的页面上，然后为 nav 和你使用的任何其他 HTML5 元素声明一个规则，给它们一个 display: block 样式，就在你现在拥有的 CSS 之上。