IE7에서 css : active 클래스가 작동하지 않는 이유

Question

기본 3 가지 CSS 상태 (기본값 : :hover 및 :active)가있는 버튼 집합이 있습니다. 기본값과 :hover 상태가 올바르게 표시되지만 IE7에서는 :active 상태가 무시됩니다.

저는 JavaScript 수정을 정말로 느끼지 못하고 있으며 가능한 경우이를 피하고 싶습니다.

Answer 1

링크 요소에 클래스를 설정하고 있습니까? 내가 올바르게 기억한다면, IE7은 링크가 아닌 다른 것들에 대한 호버와 활성 같은 상태를 인식하지 못합니다.

Answer 2

:hover IE 7에서 작동합니다. :active은 <a/> 요소에 적용된 경우에만 IE 7에서 작동합니다. http://www.quirksmode.org/css/contents.html

Answer 3

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로 투명성을 해결합니다. 또한 경량입니다.