IE6 Hover Issue - PullRequest
       27

IE6 Hover Issue

11 голосов
/ 03 апреля 2010

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

Ответы [ 4 ]

8 голосов
/ 03 апреля 2010

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

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

5 голосов
/ 03 апреля 2010

Вы можете использовать знаменитый IE7.js от Дина Эдвардса, который имеет приятное преимущество в том, что вы можете использовать селектор :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 голосов
/ 03 апреля 2010
  • Если вам нужно только для paticulars div и вы не используете JQuery тогда иди для suckerfis js as @futta предлагается. http://www.htmldog.com/articles/suckerfish/
  • Если вы планируете использовать Hover для большего количества тегов в будущем и не хотите каждый раз редактировать js, перейдите на Whither.htc in для IE6. как подсказал @Pekka.
Suckerfish vs. .htc

III В синем углу мы имеем Suckerfish, оригинальный легкий, доступный, кросс-браузерный, соответствует стандартам: имитирование парения III В красном углу у нас есть «.htc» - файлы JavaScript, доступные через CSS имитировать: зависать.

Динь Динь!

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

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

Suckerfish подпрыгивает на ринге. Он намного легче своего противник.

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

.htc ошеломлен! И конкурс над! Suckerfish побеждает по очкам! TKO!

Нет чистого и действующего решения CSS, доступного для этого в IE6.

2 голосов
/ 03 апреля 2010

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...