IE 6 CSS 호버 비앵커 태그

Question

IE6에서 앵커가 아닌 태그에 대한 호버 의사 클래스를 시뮬레이션하는 가장 간단하고 우아한 방법은 무엇입니까?

특히 이 인스턴스의 커서를 포인터의 커서로 변경하려고 합니다.

Answer 1

가장 간단한 방법은 onmouseover/out Javascript 기능을 추가하는 것입니다.

Answer 2

가장 간단한 방법은 다음을 사용하는 것입니다. hover.htc 접근하다.hover.htc 파일을 사이트에 추가한 다음 스타일시트에서 참조합니다.

body { behavior:url("csshover.htc"); }

가능한 한 깔끔하게 유지하려면 IE 조건부 주석을 사용하여 해당 행이 IE6을 사용하는 사용자에게만 렌더링되도록 할 수 있습니다.

Answer 3

귀하의 요청과 관련하여 -- 특히 이 인스턴스의 커서를 포인터의 커서로 변경하려고 합니다. -- 가장 쉬운 방법은 지정하는 것입니다. cursor:pointer 당신의 CSS에서.나는 그것이 IE 6에서 작동한다는 것을 알게 될 것이라고 생각합니다.

이를 확인하려면 다음을 시도하십시오(어디서 div 모든 요소가 될 수 있음):

<div style="background:orange; cursor:pointer; height:100px; width:100px;">
    Hover
</div>

Answer 4

한 번에 더 많은 문제를 해결할 수 있는 또 다른 대안은 다음을 사용하는 것입니다. IE7.js.

Answer 5

항목이 무엇인지에 따라 또 다른 접근 방식은 비링크 앵커를 추가하고 표시를 차단으로 설정하는 것입니다.의사 호버 동작을 원하는 항목 내부 또는 주위에 앵커를 배치하십시오.

Answer 6

곁에:

사실 어쨌든 이미 이미지를 바꿔야 했어요

꼭 살펴보세요 이미지 스프라이트.때로는 하나의 이미지를 사용하고 이미지를 "이동"한 다음 두 개의 개별 이미지를 사용하고 그 사이를 "전환"하거나 "교환"하는 것이 훨씬 더 좋습니다.내 경험에 따르면 사용자가 상호 작용할 때 1개의 이미지에 대한 단일 요청이 있고 여러 이미지에 대한 여러 요청이 있다는 이점이 있는 경우가 훨씬 좋았습니다.

Answer 7

어쨌든 이미 이미지를 교체해야 했기 때문에 마우스 오버/아웃이 가장 마음에 들었습니다.처음부터 자바스크립트로 이 작업을 수행해야 한다고 생각했습니다.

빠른 답변에 감사드립니다.

@조셉

링크 주셔서 감사합니다.나는 이전에 이 기술에 대해 들어본 적이 없었고 아이디어가 정말 마음에 들었습니다.

나는 확실히 그것을 시험해보고 내가 어떻게 대처하는지 볼 것입니다.

Answer 8

JQuery를 사용하고 싶다면 무엇이든 호버 클래스 설정 기술.