如何解决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和样式中,然后从语义标签中剥离所有样式,使它们裸露。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。