Почему css: активный класс не работает в IE7

Question

У меня есть набор кнопок, к которым прикреплены 3 состояния CSS: по умолчанию, :hover и :active.Состояния по умолчанию и :hover отображаются правильно, но состояние :active игнорируется в IE7.

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

Answer 1

:hover работает в IE 7. :active работает в IE 7, только если применяется к элементу <a/>.

См. Список совместимости здесь: http://www.quirksmode.org/css/contents.html

Answer 2

IE7.js должен добиться цели. Просто используйте:

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

Подмножество селекторов, которые он обрабатывает:

parent > child
adjacent + sibling
adjacent ~ sibling
.multiple.classes
:hover  Now applies to all elements
:first-child

Также исправлены свойства CSS и прозрачность png. Кроме того, он легкий.

Answer 3

Вы устанавливаете классы на элементе ссылки? Если я правильно помню, IE7 не распознает такие состояния, как зависание и активность, на всем, что не является ссылкой.