Question

为什么IE 7无法处理，锚点的css背景属性？

的CSS：

.nav a
{
    float: left;
    display: block;
    padding: 5px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
}
.nav a:hover
{
    background: #fff;
    color: #000;
}

HTML：

<div class="nav">
    <a href="#">anchor</a>
</div>

它没有背景，但仅限于ie7。为什么呢？

Answer 1

周围的背景是什么颜色的？如果它也是白色，那么这在任何浏览器中都不起作用。

如果页面颜色为非白色，则值得尝试此博客文章中推荐的解决方案：http://www.bernzilla.com/item.php?id=762：将DOCTYPE添加到您的页面以强制IE7进入符合标准的模式：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

如果这不起作用，我见过的其他解决方案包括：

将display:block样式放在链接

Answer 2

您需要确保使用严格的doctype来悬停在IE7中工作：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

IE 7锚背景

2 个答案: