Нежелательное подчеркивание на ссылках в IE8

Question

Я работаю на сайте , где стилизовано несколько ссылок на домашней странице:

text-decoration:none;

Это прекрасно работает во всех браузерах, кроме IE8.Пожалуйста, сначала посмотрите на домашнюю страницу в Firefox или Safari, затем посмотрите в IE8, и вы поймете, что я имею в виду.IE обычно более синхронизирован благодаря IE7, но в этом случае IE7 работает нормально.Любые подсказки, почему это происходит?

Спасибо.

Answer 1

Интересная деталь: она подчеркивается только при наведении курсора на элемент контейнера. Он «работает», когда мышь находится где-то еще за пределами страницы. Таким образом, вы забыли где-то </a>. Посмотрите здесь на строку 361 (прокрутите примерно на 3/4 вниз) . Исправьте и другие проблемы;)

Answer 2

Вы проверяли стили трассировки в инструментах разработчика IE8?

Например, в ссылке Просмотреть все события , text-decoration имеет следующее наследование.

текстовое оформление - подчеркивание
A - подчеркивание dghi.css
A - подчеркивание dghi_ie8.css
A - подчеркивание dghi_print.css
A.link - подчеркивание dghi.css
A.link - подчеркивание dghi_ie8.css
A.link - подчеркивание dghi_print.css
A.readmore - подчеркивание dghi.css
A.readmore - подчеркивание dghi_ie8.css
A.readmore - подчеркивание dghi_print.css
# кикеры A - нет dghi.css
# кикеры A - нет dghi_ie8.css
# кикеры A - нет dghi_print.css
# кикеры A.readmore - подчеркивание dghi.css
# кикеры A.readmore - подчеркивание dghi_ie8.css
#kickers A.readmore - подчеркивание dghi_print.css

Answer 3

Проблема подчеркивания IE 8,

, вот как решить проблему, вы должны использовать селекторы a,a:link вот так;

a,a:link,a:focus { text-decoration: none; }