Superfish下拉菜单问题在IE9中

时间:2013-10-02 07:09:53

标签: jquery

使用superfish插件的多级下拉菜单在Chrome,Firefox,Safari中正确显示,但在IE9中,菜单垂直显示而不是水平显示。 解决这个问题的任何想法?

同时我使用了这个例子的代码(View Page Source): http://users.tpg.com.au/j_birch/plugins/superfish/example.htm L

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

我忘了回答...我通过在jsp page.now菜单中添加正确的DOCTYPE标签来解决这个问题。现在出现并正常工作。无论如何,谢谢你。