1
我使用下面的CSS来设计导航菜单。我发现它在Chrome中完美工作,但绝对没有任何CSS是在Firefox或IE应用。在IE和FFox中忽略CSS而不是Chrome
有什么明显的,我没有做过或在这里做过?
<style type="text/css">
#ddm {
margin: 0;
padding: 0;
}
#ddm li {
float: left;
list-style: none;
font: 8pt Tahoma, Geneva, sans-serif;
}
#ddm li a {
display: block;
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
width: 70px;
white-space: nowrap;
color:Red;
border: none;
}
#ddm li a:hover {
color:White;
background-color:#444444;
}
#ddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
}
#ddm li ul li {
float: none;
display: inline
}
#ddm li ul li a { width: auto; }
#ddm li ul li a:hover { }
</style>
<ul id="ddm">
<li>
<ul>
<li><a href="#">test 1</a></li>
<li><a href="#">test 2</a></li>
</ul>
</li>
</ul>
CSS被应用于此就好在Firefox/Chrome浏览器/ Safari浏览器的问题,虽然子列表默认是隐藏的,而且也没有:悬停动作还,所以你不会看到太多。 – Alec 2010-05-13 00:09:04
你真的需要使用'pt'作为字体大小吗?而且你的例子并没有在FF和Chrome中显示任何东西,因为一切都是隐藏的可见性,这是很好的我猜...所以一切似乎工作,亚历克说。 – 2010-05-13 00:10:11
你们俩都是对的。除了IE和FF之外,标记之外还必须有别的东西干扰IE。对不起,浪费时间。 – Grant 2010-05-13 01:15:29