IE 7 锚点背景答案

【问题标题】：IE 7 anchor backgroundIE 7 锚点背景
【发布时间】：2010-05-15 13:10:21
【问题描述】：

为什么 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中。为什么？

【问题讨论】：

您可以使用background-color 来确保不是这样吗？
另外，你能发布一个 URL 或页面的完整 HTML 吗？ IE7 有很多悬停错误，但大多数只有在链接元素被包裹在“有趣”的其他元素中、使用脚本动态操作等时才会出现。因此查看页面上下文会有所帮助。

标签： html css xhtml internet-explorer-7

【解决方案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 样式放在链接上

【讨论】：

【解决方案2】：

您需要确保使用严格的文档类型才能在 IE7 中使用悬停：

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

【讨论】：