li: проблема при наведении курсора в проводнике

Question

У меня проблема с IE, не отображающим эффект: hover. Вот мой CSS

#navlist li:hover {
    color: white;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-image: -moz-linear-gradient(top, #ffa23e, #e1841f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffa23e), color-stop(1.0, #e1841f));
}

Я нашел в сети что-то, что IE игнорирует: hover, за исключением тегов привязки В любом случае, кто-нибудь знает правильный обходной путь для этого?

Кроме того, я использую тип документа HTML5 - это может вызвать проблемы здесь?

Answer 1

-moz-linear-gradient и -webkit-gradient не работают в IE.Совсем. Генератор градиента CSS на помощь.

Answer 2

См. Комментарии IE относительно вашего кода.

#navlist li:hover { /*hover not for IE6 or under on li elements*/
    color: white;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; /*only works in IE9+ */
    padding-top: 6px;
    padding-bottom: 6px;
    background-image: -moz-linear-gradient(top, #ffa23e, #e1841f); /*not IE*/
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffa23e), color-stop(1.0, #e1841f)); /*not IE*/
}

Answer 3

Учитывая тот факт, что вы правильно указали тип документа и не имеете других ошибок в своем коде, я предполагаю, что вы используете IE6.Каждая более высокая версия поддерживает наведение на все элементы.Существует две возможности заставить hover работать с IE6.

1. javascript для onmouseover и onmouseout.

2. с использованием старого hover.htc, есливы все равно найдете его для загрузки и интеграции поведения.

body { behavior:url("csshover.htc"); }