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之上.