IE9悬停的麻烦

Question

我有一个非常简单的悬停功能，除了IE9之外似乎都可以正常工作（可能是IE8及以下版本，还没有测试过它们）。

非IE浏览器会这样做;

Non IE http://oi39.tinypic.com/4gkl6f.jpg

IE9会这样做;

IE http://oi43.tinypic.com/2zdwpl1.jpg

我怀疑在阅读各种帖子时可能与<a>标签有关...但即便如此，我也可以设置好。 我有点像html / css / php noob，所以它可能是简单而明显的东西。 任何帮助将不胜感激。

相关代码;

CSS文件

#nav {
width: 960px;
height: 40px;
border-bottom: 1px solid #ccc;
}

#nav a {
display: inline;
padding: 10px;
text-decoration: none;
background-color: #f1f1f1;
}

#nav a:hover {
background-color: #bababa;
height: 80px;
}

PHP文件

<div id="nav">
<a href="index.php">Home</a>
<a href="about.php">About</a>
<a href="#">Portfolio</a>
<a href="contact.php">Contact</a>
</div> <!-- end #nav -->

Answer 1

我相信从#nav a：hover中删除“height：80px”会让浏览器显示你想要的内容。

您正在将高度值设置为内联元素，显然IE支持该值，而其他浏览器则不支持。