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

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

text-decoration:none;

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

Спасибо.


person forrest    schedule 20.01.2010    source источник


Ответы (3)


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

person BalusC    schedule 20.01.2010
comment
Спасибо за ответ. Это может быть несколько проблематично, когда вы работаете с чужим кодом. Спасибо за отзыв. - person forrest; 20.01.2010
comment
Я обнаружил, что проблема заключалась в незакрытом теге ‹a› вверху, поэтому весь контейнер действовал как ссылка. Спасибо за помощь. - person forrest; 20.01.2010

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

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

text-decoration - подчеркивание
A - подчеркивание dghi.css
A - подчеркивание dghi_ie8.css
A - подчеркивание dghi_print.css< /strike>
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
#kickers A — нет dghi.css
#kickers A — нет dghi_ie8.css
#kickers A – нет dghi_print.css
#kickers A.readmore – подчеркивание dghi.css
#kickers A.readmore – подчеркивание dghi_ie8. css
#kickers A.readmore — подчеркивание dghi_print.css

person Paulo Santos    schedule 20.01.2010

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

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

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

person Rizerzero    schedule 06.10.2013