顯示隱藏的div：徘徊在IE6 - 沒有發生

我有哪裏懸停在中等水平的項目應該顯示一個div，其中包含三級三層導航結構水平。

我已經包含截圖，以幫助說明這一點：

Three level navigation

我使用創造這（消毒）的標記如下大致爲：

<menu class="secondary-nav"> 
    <li> 
     <a href="#"> 
     One 
     </a> 
     <div class="dropdown-menu"> 
     <ul> 
      <li>A</li> 
      <li>B</li> 
      <li>C</li> 
     </ul> 
     </div> 
    </li> 
    </menu>

當你將鼠標懸停超過'2級'時，應出現'第三級'div。要做到這一點，我使用的CSS，如下面的：

menu.secondary-nav .dropdown-menu {display: none;} 
    menu.secondary-nav a:hover .dropdown-menu {display: block;}

我的問題：

在IE6中，當我 '2級' 懸停在，什麼都不會發生。這只是IE6中的一個問題 - 所有其他瀏覽器都能正常工作。我的CSS選擇器有問題嗎？

非常感謝。

來源

2011-09-07 christofr

標記放置的方式，它不應該在任何瀏覽器中工作。 'dropdown-menu'不是'menu.secondary-nav'的子節點。出於測試目的，您可以嘗試將菜單元素更改爲div。 – silverstrike

您可以使用偉大的ie7.js。

只需添加到您的HTML：

<!--[if lt IE 7]> 
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> 
<![endif]-->

這將使得IE6詢問服務:hover像在this demo所有元素。

來源

2011-09-07 19:15:01

謝謝！這工作。 – christofr

IE6不支持列表項上的:hover。你必須用javascript來填充。

來源

2011-09-07 19:11:07 steveax

顯示隱藏的div：徘徊在IE6 - 沒有發生

回答

相關問題