IEでCSSを使用してサブメニューを作成する

Question

IEでCSSを使用してサブメニューを作成したいが、IEはホバーアクションでは機能しません。私はJavaScriptを使いたくない。

どうすればこの問題を解決できますか？ CSSやJavaScriptなしでサブメニューを作成する別の方法はありますか？

Answer 1

IEはホバーアクションでは機能しませんIE6およびそれ以前のバージョンのみサポートしています：AタグとIE7にホバーし、後でそれを任意のタグでサポートします。間違いなく100％のCSSメニューを作ることは可能です。ここで私は簡単なGoogleの検索で見つけたものです。以下

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

Answer 2

IE6とは<a>タグの:HOVER疑似クラスをサポートしています。私は非常にwhatever:hover、の使用を可能にHTCの拡張機能を使用することをお勧めし

a.submenu { display: block; } 

Answer 3

：以下の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ライブラリ

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');  
      } 
     ); 
    }); 
} 

に基づいてIE6のために、次のコードを使用することができますあなたにセレクタ「.menu李」に変更し、次のよう .menu李にCSSに書いてください：、ホバー。 menu li.hover {...}

Answer 5

私はこのページを見つけましたが、本当にCSSであるかどうかを確認する機会はありませんでした。 http://www.cssplay.co.uk/menus/final_drop.html

私のオリジナルの方法は、ほとんどのブラウザでは機能していないようで、検証はできません。