css nav ul不起作用

问题描述

我建立了一个新网站，但我的问题是该菜单在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;
}

可以给我一个提示吗？     

解决方法

“ 1”是HTML5元素；旧的IE无法识别它，因此不会应用您的样式。 为了使IE能够识别HTML5标记，请将HTML5 shiv放在页面上，然后为

nav

和您使用的任何其他HTML5元素声明一个规则，为它们赋予

display: block

样式，就在您现在拥有的CSS上方。     ,

<nav>

可以在页面上使用，但尝试对其设置样式时会遇到问题，因为许多浏览器在不理解该标记时会跳过该标记。 将

<nav>

标签包裹在包装div和样式中，然后从语义标签中剥离所有样式，使它们裸露。