CSS a：悬停颜色不显示，即ie 8

请看看http://pang.it/pezzella/template.html。悬停时链接应为红色。在FF中使用效果很好，Opera & Chrome，但不在IE8中使用。我只是不明白原因。将a:link更改为text-decoration:underline可在悬停时显示红色下划线，但不显示链接文本。这是一个错误还是错过了我的CSS的东西？的CSSCSS a：悬停颜色不显示，即ie 8

部分：

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

来源

2011-04-01 Niklas Andersson

在IE8中看起来很好：http://i.imgur.com/kNFZX.png – thirtydot 2011-04-01 12:53:30

您是否尝试过使用IE Developer Tools？按IE8中的F12将其显示出来。它应该可以帮助你计算出正在应用的风格。 – Spudley 2011-04-01 12:59:29

是的，我试过IE开发工具。它没有给我任何有用的信息。蓝色没有风格！ – 2011-04-01 14:33:23

它看起来正确的我在IE8。我注意到你没有设计a:visited，那可能是你的问题。

来源

2011-04-01 12:50:22 nkorth

对我来说也不错（IE8在Windows 7 64位下） – Wick 2011-04-01 12:52:12

我试过了，但是... – 2011-04-01 13:16:02

-1

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

来源

2011-04-01 12:53:19

我已经尝试了两种方法，但结果相同。所以这似乎是我的浏览器的问题。我很高兴听到它。我一直在研究这一个多小时，真的很疯狂。非常感谢！ – 2011-04-01 13:00:14

为什么是-1？我是对的。 – 2011-10-19 16:12:56

它适合我。

我猜这个问题与css的特异性有关。 The：hover将一个颜色应用于锚标签。相同的锚标签有一个类（.linkGrey01，.linkGrey02 ....等），也适用于一种颜色。类在特异性中胜出标签。

也许尝试

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

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

来源

2011-04-01 12:57:23 Joel

谢谢，但我对此不确定：我的链接在悬停时变蓝，绝对没有地方将颜色定义为蓝色，或者我错了吗？所以这可能不是一个特殊问题。我也试图改变IE的属性，使用其他颜色作为绿色或黑色悬停，但我的链接仍然是蓝色的。 – 2011-04-01 13:15:12

这是一个益智游戏。在CSS中没有提到蓝色。你有没有曾经有蓝色的CSS，它被缓存在浏览器中？ – Joel 2011-04-01 13:22:13

不，我当然清理了缓存，但是我找到了解决方案。对不起，我无法解释为什么：我从身体css中删除了Helvetica narrow和Helvetica，事情变成了正确。 IE很奇怪！ – 2011-04-01 19:47:03

我不能说你们有多花时间回答。我希望我能在这里帮助别人。 :-)

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

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

阅读：

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

和voialà。

我想知道为什么Helvetica创建这个问题，虽然......任何人？

来源

2011-04-01 19:33:39

CSS a：悬停颜色不显示，即ie 8

回答

相关问题