2013-10-02 104 views
0

使用superfish插件的多級下拉菜單在Chrome,Firefox,Safari中正確顯示,但在IE9中,菜單垂直而不是水平顯示。 解決這個問題的任何想法?在IE9中Superfish下拉菜單問題

同時,我用這個例子(查看頁面源代碼)的代碼:升

+1

你正在使用css3和i9不支持css3,只有ie10支持它 – Bip

+0

謝謝。但它似乎並沒有使用css3的功能。那麼製作與所有不同版本瀏覽器兼容的多級下拉菜單的最佳解決方案是什麼? – Parisa

+0

你應該爲下拉菜單的JavaScript。它可以在所有瀏覽器上真正運行。以下是js下拉列表的示例鏈接:http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/ http://sixrevisions.com/設計展示 - 靈感/下拉式導航菜單 - 網絡設計/ – Bip

回答

0

我忘了回答......我通過添加適當的DOCTYPE標籤到我的JSP page.now菜單固定這個問題出現,作品correctly.thank你啦。

0

我創建了一個下拉CSS和工作IE9像你這樣的菜單想:SAMPLE

您可以更改CSS樣式你想要什麼。

<div id='cssmenu'> 
<ul> 
    <li class='active'><a href='index.html'><span>Home</span></a></li> 
    <li class='has-sub'><a href='#'><span>Products</span></a> 
     <ul> 
     <li class='has-sub'><a href='#'><span>Product 1</span></a> 
      <ul> 
       <li><a href='#'><span>Sub Item</span></a></li> 
       <li class='last'><a href='#'><span>Sub Item</span></a></li> 
      </ul> 
     </li> 
     <li class='has-sub'><a href='#'><span>Product 2</span></a> 
      <ul> 
       <li><a href='#'><span>Sub Item</span></a></li> 
       <li class='last'><a href='#'><span>Sub Item</span></a></li> 
      </ul> 
     </li> 
     </ul> 
    </li> 
    <li><a href='#'><span>About</span></a> 
    <ul> 
       <li><a href='#'><span>Sub Item 1</span></a></li> 
       <li class='last'><a href='#'><span>Sub Item 1</span></a></li> 
      </ul> 
    </li> 
    <li class='last'><a href='#'><span>Contact</span></a></li> 
</ul> 
</div>