示されているように、プレーン CSS / html のシンプルなメニュー:
<div class="nav-container">
<div id="corp-crumb">
<ul class="vertlist" id="ulTop">
<li class="crumblink submenu"><a id="homeLink" href="#home" title="Home" class="crumblink">Home</a>
</li>
<li class="crumblink submenu"><a id="activitiesLink" href="#activities" title="Activities" class="crumblink">Activities</a>
<ul>
<li><a href="#" title="Issues">Issues</a></li>
<li><a href="#" title="Meetings">Meetings</a></li>
</ul>
</li>
<li class="crumblink submenu"><a id="a1" href="#marketing" title="Marketing" class="crumblink">Marketing</a>
<ul>
<li><a href="#" title="Corporate Groups">Corporate Groups</a></li>
<li><a href="#" title="Companies">Companies</a></li>
<li><a href="#" title="Contacts">Contacts</a></li>
</ul>
</li>
<li class="crumblink submenu"><a id="a2" href="#operations" title="Operations" class="crumblink">Operations</a>
<ul>
<li><a href="#" title="Programs">Programs</a></li>
<li><a href="#" title="Projects">Projects</a></li>
<li><a href="#" title="Sub Projects">Sub Projects</a></li>
</ul>
</li>
<li class="crumblink submenu"><a id="reportsLink" href="#reports" title="Reports" class="crumblink">Reports</a>
</li>
</ul>
</div>
</div>
アイテムにカーソルを合わせると、li
アイテムのサブメニューが表示されul
ます。クロムでは、リストが正しく機能します.liにカーソルを合わせると、サブメニューを選択するために開いたままになります。ただし、IE では、カーソルを合わせてサブ項目メニューに移動しようとすると、ul
すぐに消えてしまいます。
これが私のjsfiddleです:http://jsfiddle.net/Ncrwg/
IE9 と IE10 の両方でテスト済み。