由锚标记组成的菜单在Internet Explorer上无法正常运行

Question

我尝试使用HTML锚<a>标签显示菜单，如下图所示。

使用的CSS如下。

a.header-menu:link {
    padding: 6px 6px 6px 6px;
    color: #fff;
    background-color: #888;
    text-decoration: none;
}

a.header-menu:visited {
    color: #fff;
}

a.header-menu:hover {
    background-color: #f90;
    color: #fff;
}                

课程header-menu与<a>一起使用。

<a href="#" class="header-menu">About</a>

这适用于Google Chrome和FireFox，但在Internet Explorer（8）上，菜单会在点击后立即消失。

如何在Internet Explorer上正常运行？

Answer 1

:link没有设置访问过的链接的样式，因此您的文字会变白并且背景消失：）

来自W3.org：

  

：link伪类适用于尚未访问过的链接。

使用基本风格：

a.header-menu {
    padding: 6px 6px 6px 6px;
    color: #fff;
    background-color: #888;
    text-decoration: none;
}

然后，如果需要，在访问/未访问的链接中添加您想要的任何差异：

a.header-menu:link {
    color: blue;
}

a.header-menu:visited {
    color: purple;
}