css导航ul不工作

问题描述:

我做了一个新的网站,我的问题是菜单在FF和其他浏览器,但在IE浏览器没有问题。css导航ul不工作

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

这里是代码

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; 
} 

可以请人可以给我一个提示?

nav是一个HTML5元素;旧的IE不会识别它,因此不会应用你的风格。

让IE承认HTML5标记,把你的页面上的HTML5 shiv,然后申报nav和规则,你使用任何其他HTML5元素,给他们一个display: block风格,只是你现在有CSS以上。

+0

header,nav,文章,页脚,地址被添加到CSS的顶部作为块,shiv被添加,但仍然不工作:S – Side 2011-04-14 15:11:43

+0

那么,你的标记是什么样的? – BoltClock 2011-04-14 15:12:09

+0

好吧,我觉得真的很愚蠢。 问题是在下脚,我没有连接它喜欢它像 它被链接为 真的很抱歉,谢谢您的回复 – Side 2011-04-15 08:27:09

<nav>适合在页面上使用,但在尝试设计样式时会遇到问题,因为许多浏览器只是在不理解标签的情况下跳过标签。

<nav>标记包裹在包装div和样式中,取而代之的是,从语义标签剥离任何样式,使其裸露。