Проблема с IE6 Hover

CSS :hover не работает в IE6 для элементов, которые не являются ссылками. Есть ли обходной путь? например, как мне применить :hover to div?

Ответ 1

Там независимо: hover. Я никогда не использовал его сам, но из того, что я слышу, он работает хорошо.

Что бы ни было: hover - это небольшой script, который автоматически исправляет: hover,: active и: focus для IE6, IE7 и IE8, позволяя использовать их, как и в любом другом браузере. Версия 3 вводит поддержку ajax, что означает, что любой html, который вставлен в документ через javascript, также запускает: hover,: active и: focus стили в IE.

Ответ 2

Вы можете использовать знаменитый IE7.js от Dean Edwards, который имеет приятное преимущество, что вы можете использовать селектор :hover в вашем CSS.

Кроме того, я сомневаюсь, что вы можете добиться этого только с помощью CSS. IE может обрабатывать JS в файлах CSS с помощью expression(), но вы не можете перейти к выражению для обработки зависания без зависания селектора, если вы поймаете мой дрейф.

Затем, наконец, короткое решение jQuery:

$(document).ready(function () {
  $('div').hover(function () {
    $(this).addClass('hover');
  }, function () {
    $(this).removeClass('hover');
  });
});

Затем вы можете использовать это в своей таблице стилей:

div:hover, div.hover { ... }

Ответ 3

Если вам нужно только для paticulars div и вы не используете jquery, тогда для suckerfis js как @futta http://www.htmldog.com/articles/suckerfish/
Если вы планируете использовать Hover на других тегах в будущем и не хотите редактировать каждый раз, когда js для этого, перейдите для Whatever.htc для IE6. как предположил @Pekka.

Suckerfish vs. .htc
IIIIN синий уголок у нас есть Suckerfish, оригинальный легкий, доступный, кросс-браузер, совместимый со стандартами: имитирует hover. IIIIN в красном углу у нас есть .htc '- файлы JavaScript, доступные через CSS для имитации: hover.

Ding ding!

И Suckerfish мгновенно приземляется тяжелый удар по .htc действительности -.htc просто не соответствует стандартам CSS.

Ооо....htc прокрадывается в хитрый удар без необходимости дополнительных селекторы...

Suckerfish отскакивает вокруг кольца. Он намного легче, чем его противник.

И ОН! Верхний апплет IE 5.0! Это то, что .htc просто не имеет умение делать, тогда как Suckerfish может работать IE 5.0 без проблем.

.htc ошеломлен! И конкурс над! Suckerfish выигрывает по очкам! TKO!

Если вы хотите получить выгоду от других вещей (кроме Hover), также в IE, тогда перейдите к IE7.js, как @Boldewyn предложил
И если вы уже используете jquery и хотите использовать зависание в ограниченном путь, то идите по этому пути: Как включить наведение на div для IE6 с использованием jquery в minmal-коде?

НЕТ чистого и допустимого решения CSS, доступного для этого в IE6.

Доступно одно Недействительное решение для выражения CSS но я бы не советовал использовать этот потому что он медленный

Решение: http://www.visibilityinherit.com/code/ie6-hover-expression.php

Ответ 4

Альтернативой является JavaScript.

Ответ 5

suckerfish и его потомство доказывают также большие облегченные альтернативы для этой цели.