elementproblem internet explorer

Question

내 사이트에서 mouseoverfunction을 사용하고 있으며 완벽하게 파이어 폭스, 크롬 및 사파리에서 작동합니다.

하지만 IE9 +에서는 아무런 의미가없는 경우 내 mouseover 기능을 찾을 수 있습니다. background-color은 div.arrow_wrap입니다. Background-color:transparent도 작동하지 않으며 opacity:0도 마찬가지입니다. 그 같은 arrow_wrap은 비어 있습니다. 그것은 정말로 wierd하다! 내 코드에서 일부 요소에 mouseenter이 있으면 fadeOut의 화살표 아이콘을 선택하고 요소를 mousleave 경우 fadeIn을 선택했습니다. 이것은 IE에서 작동합니다. 그렇다면 내 요소 (div.arrow_wrap)에 background-color을 사용해야 IE에서 제대로 작동합니다.

이제 내 CSS에서 내가 mouseover 기능에 display:block로 설정 한 내 자바 스크립트 display:none 내 화살표 (.rsArrowIcn)가. 이것은 IE를 제외한 모든 브라우저에서 작동합니다. 하지만 display:none을 제거하고 내 CSS에서 볼 수 있도록 선택하면 IE에서 작동합니다. 그래서 그것은 IE에서 실제로 발생하는 이상한 일입니다.

누군가 내 질문에 대한 답변을 주시면 매우 감사하겠습니다. http://mlido.se/site/work/adcourse/

그리고 내 코드는 다음과 같습니다 :이 사이트는 http://pastebin.com/W9wrAz8n

감사합니다!

Answer 1

은 내가

사이트를 제거 호환성보기 설정

를 선택하고이 나이에 고정 할 수 있습니다

Answer 2

모든 확인란을 제거 당신의 호환성 모드가

이 도구 메뉴로 이동 생각 IE의 버전은 배경을 바둑판 모양의 투명한 gif로 설정하여 만듭니다. 즉

background: url(images/trans.gif);