CSS a: цвет при наведении не отображается в т.е. 8

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

Это работает для меня.

Я предполагаю, что проблема связана со спецификой CSS.: Hover применяет цвет к тегу привязки.У того же тега привязки есть класс (.linkGrey01, .linkGrey02 .... и т. Д.), Который также применяет цвет.классы берут тэги в специфичность.

Возможно, попробуйте

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

Вот хороший совет по специфичности CSS .

Answer 2

Это выглядит правильно для меня в IE8.Я заметил, что вы не набираете a:visited, это может быть вашей проблемой.

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 был прав.