Цвет фона ссылки IE8 не меняется при наведении - PullRequest
Новая
       23

Цвет фона ссылки IE8 не меняется при наведении

1 голос
/ 18 июля 2011

Итак, у меня проблема с состоянием наведения ссылки в IE8.Код выглядит следующим образом: 

<div id="navigation">
    <a href="/" class="home">Home</a>
</div>

И CSS: 

#navigation {
    float: right;
    height: 29px;
    margin: 50px 0 0 23px
}

#navigation a {
    color: #FFF;
    float: left;
    font-size: 120%;
    height: 25px;
    margin-right: 7px;
    padding: 2px 10px;
    text-align: center;
    width: 104px;
}

#navigation a.home {
    background-color: #f4e034;
}

#navigation a.home:hover {
    background-color: #fffbd4;
}

Теперь это отлично работает во всех других браузерах, в которых я тестировал (Chrome, Safari, FF, IE6 иIE7), он просто не изменит цвет фона ссылки в IE8 при наведении.

Я пытался добавить display: block и display: inline-block к элементу a.Я также попытался добавить !important после цвета фона в теге hover.Я также позаботился о том, чтобы в CSS не было других элементов, влияющих на это.

Поиск в этой проблеме дает мне массу вещей, касающихся бета-версии IE8, но это не так.Это также дает мне ответы на ссылки, связанные с меню, но это не так.Это дает мне ответы на вещи, на которые влияют, которые не имеют фонового цвета.И это дает мне возможность работать с изменением цвета шрифта, но не с цветом фона (в моем случае это не работает).

Просто интересно, замечал ли кто-нибудь еще эту проблему и есть ли что-то, что он может предоставитьэтот.Дайте мне знать, спасибо заранее.

Ответы [ 2 ]

0 голосов
/ 10 сентября 2013

У вас есть DOCTYPE, указанный на вашей HTML-странице?Это может показаться очевидным, но у меня были похожие проблемы с состоянием: hover в IE8 - особенно при редактировании старых сайтов.

Для меня было решение добавить DOCTYPE над открывающим HTML-тегом на вашей HTML-странице.

! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

Надеюсь, это поможет!

0 голосов
/ 17 апреля 2013

У меня была такая же проблема, как и у вас.Я пробовал все, как и вы, но это бесполезно.

Мое окончательное решение было установить цвет фона для элемента, который вам нужно навести, тогда он работал.

В то время я был шокирован, и до сих пор не знаю, почему.

...