css - a:active 在 IE 中不起作用

Question

我正在与 IE 进行另一场战斗。我正在研究我学校的体育网站，并且勉强让它与 IE 兼容。我已经解决了大部分问题，但最后一个问题让我完全困惑。

我查看简单的脚本，例如http://jsfiddle.net/easwee/WVrzu/16/并且活动选择器有效。但是，导航栏上的 :active 状态不起作用。你可以在这里看到它：http: //mageelions.ca/athletics/forms.php（下载活动状态也不起作用）。在其他浏览器中完全没问题，但是这种“缺乏活动状态”让我很困扰。

即.css：

ul#nav_buttons li a:active {
    color: black;
    text-decoration: none;
    background: rgb(150,60,60) url("../images/default-red-down.png") !important;
}

a:hover很好......如果有人知道如何解决这个问题，我们将不胜感激。

Answer 1

你尊重正确的顺序吗？IE 对这些东西很敏感：

a:link
a:visited
a:hover
a:active

如果你搞混了，IE 不会按预期做事。

Answer 2

您使用的 IE 版本是否支持rgb()符号？尝试使用等效的十六进制：

ul#nav_buttons li a:active {
    color: black;
    text-decoration: none;
    background: #963c3c url("../images/default-red-down.png") !important;
}