a：active在IE中不起作用

Question

我正在与IE进行另一场战斗。我正在我学校的田径网站上工作，并且勉强开始使它与IE兼容。我已经解决了大部分问题，但最后一个让我感到困惑。

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

ie.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;
}