Question

请查看http://pang.it/pezzella/template.html。悬停时链接应为红色。适用于FF，Opera和Chrome，但不是在IE8中。我只是无法理解原因。将a:link更改为text-decoration:underline会在悬停时将下划线显示为红色，但不会在链接文本中显示。这是一个错误还是我错过了我的CSS中的某些内容？

css的一部分：

a{
    text-decoration:none;
}

.linkGrey01{ color:#ddd; }
.linkGrey02{ color:#bbb; }
.linkGrey03{ color:#999; }
.linkGrey04{ color:#777; }
.linkGrey05{ color:#555; }
.linkGrey06{ color:#000; }

a:hover{
    color:#f00;
}

Answer 1

在IE8中我认为是正确的。我注意到你没有设置a:visited样式，这可能是你的问题。

Answer 2

它对我有用。

我猜这个问题与css特异性有关。：hover正在为锚标签应用颜色。相同的锚标记有一个类（.linkGrey01，.linkGrey02 ....等），它也应用了一种颜色。课程特别指出标签。

也许试试

.linkGrey01 a:hover,
.linkGrey02 a:hover,
...etc....
.linkGrey06 a:hover {
    color:#f00;
}

Here's a good tid-bit on CSS specificity。

Answer 3

我不能说你们都花了多少时间来回答。我希望我能帮到这里的某个人。 :-)

我终于找到了解决方案，但我无法解释它为什么会起作用。我做了什么，是要改变：

body {
font-family: Helvetica Narrow,  Helvetica, Arial, sans-serif;}

阅读：

body {
font-family: Arial, sans-serif;}

和voialà。

我想知道为什么Helvetica创造了这个问题但是......任何人？

Answer 4

或尝试color:#F00 !important;，但我认为@nkorth是对的。

CSS a：悬停颜色不显示在ie 8中

4 个答案: