элегантное решение ie6 hover css

Question

Я хочу решение для тега: hover, который не работает на ie6. Я думаю, это должно быть сделано с помощью JavaScript.

Я нашел этот патч: csshover3.htc (http://www.xs4all.nl/~peterned/csshover.html), Я проверил это демо! И я не работал в моем браузере ie6!

Должен быть элегантный способ решить эту БОЛЬШУЮ и основную проблему, может быть плагин jquery.

Любой свинец оценивается

Answer 1

Используя jQuery, вы сможете использовать функцию наведения (http://docs.jquery.com/Events/hover) для добавления класса при наведении.

пример:

$("li").hover(
  function () {
    $(this).addClass('ie6-hover');
  }, 
  function () {
    $(this).removeClass('ie6-hover');
  }
);

После этого вы можете настроить класс на те же свойства.

li:hover, li.ie6-hover {
    text-decoration: underline;
}

Answer 2

Короткий плагин jQuery делает это для меня

 IE6TableHover: function()
    {
        if(jQuery.browser.msie && /6.0/.test(navigator.userAgent))
        {
            $(this).hover(
                    function(){
                        $(this).addClass('jshover');
                    }, function(){
                        $(this).removeClass('jshover');
                    });
        }
    }

требуется jQuery Версия здесь 1.2.6 для 1.3.x вы должны изменить проверку браузера.

Answer 3

Если вы говорите о наведении курсора на теги без привязки, вы можете использовать jQuery для добавления обработчика событий, чтобы перехватывать события наведения мыши.

Answer 4

Может не подходить для вашего контекста, но вы всегда можете просто сделать так, чтобы ваши элементы получили эффект наведения. Например, в навигационном списке ul> li> стиль элементов a отображается с помощью display: block, а не lis.

Answer 5

Есть у Google ie7-js , но я не уверен, что он решает что-то кроме вопросов о transparent-png.

Наследование видимости предлагает эту альтернативу , которая напрямую решает проблему mouseOver /: hover.