css - IE9 Hover 的问题

Question

我有一个非常简单的悬停功能，它似乎在除 IE9 之外的所有东西上都能正常工作(可能 IE8 及以下版本，还没有测试过)。

非 IE 浏览器执行此操作；

IE9 做到了这一点；

我通过阅读各种帖子怀疑它可能与<a>有关标签...但即使这样对我来说似乎也可以设置。我有点 html/css/php 菜鸟，所以它可能是简单明了的东西。任何帮助将不胜感激。

相关代码；

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 支持，而其他浏览器不支持。