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以上。
答
<nav>
适合在页面上使用,但在尝试设计样式时会遇到问题,因为许多浏览器只是在不理解标签的情况下跳过标签。
将<nav>
标记包裹在包装div和样式中,取而代之的是,从语义标签剥离任何样式,使其裸露。
header,nav,文章,页脚,地址被添加到CSS的顶部作为块,shiv被添加,但仍然不工作:S – Side 2011-04-14 15:11:43
那么,你的标记是什么样的? – BoltClock 2011-04-14 15:12:09
好吧,我觉得真的很愚蠢。 问题是在下脚,我没有连接它喜欢它像 它被链接为 真的很抱歉,谢谢您的回复 – Side 2011-04-15 08:27:09