IE에서 CSS가 포함 된 하위 메뉴 만들기

Question

CSS를 사용하여 IE에서 하위 메뉴를 만들고 싶지만 IE는 호버 조치와 함께 작동하지 않습니다. 자바 스크립트를 사용하고 싶지 않습니다.

어떻게 해결할 수 있습니까? CSS 또는 JavaScript없이 하위 메뉴를 만드는 또 다른 방법이 있습니까?

Answer 1

IE가 호버 액션과 작동하지 않는다는 것을 의미합니까? IE6 및 이전 버전 만 지원 : A 태그 및 IE7에 마우스를 올려 놓고 나중에 모든 태그에서 지원합니다. CSS 메뉴를 100 % 만들 수 있습니다. 다음은 빠른 Google 검색에서 찾은 것입니다. 아래

http://www.surguy.net/menu/index.html

Answer 2

IE6 및 단지 <a> 태그에 :HOVER 의사 클래스를 지원합니다.

a.submenu { display: block; } 

Answer 3

내가 매우 whatever:hover,의 사용을 가능하게하는 HTC 확장자를 사용하는 것이 좋습니다 다음과 같은 CSS를 적용하여 (난 당신이 현재 <ol><li>를 사용한다고 가정) 블록 레벨 요소와 같은 <a> 태그 동작합니다을 만들 수 있습니다 : IE6에서는 앵커뿐만 아니라 모든 요소에 가상 클래스를 올려 놓습니다.

사용법은 간단합니다. 머리글에 경로를 변경하여 설정을 반영하도록 설정하십시오.

<!--[if lte IE 6]> 
    <style type="text/css"> 
     body{behavior:url(path/to/iehover.htc);} 
    </style> 
<![endif]--> 

이제 끝났습니다.

Answer 4

당신은 jQuery 라이브러리를 기반으로 IE6에 대한 다음과 같은 코드를 사용할 수 있습니다

if (jQuery.browser.msie && navigator.userAgent.toLowerCase().indexOf('msie 6') > -1){ 
    jQuery(document).ready(function() { 
     jQuery('.menu li').hover(
      function() { 
       jQuery(this).addClass('hover'); 
      }, 

      function() { 
       jQuery(this).removeClass('hover');  
      } 
     ); 
    }); 
} 

당신에게 선택 ".menu 리"를 변경하고 다음과 같은 방법 .menu 리에서 CSS에 쓴하십시오, 가져가. menu li.hover {...}

Answer 5

이 페이지를 찾았지만 실제로 CSS인지 만 알 수있었습니다. http://www.cssplay.co.uk/menus/final_drop.html

내 원래의 방법은 대부분의 브라우저에서 더 이상 작동하지 않는 것으로 보이며 유효성을 검사하지 않습니다.