IE9中的Superfish下拉菜单问题答案

【问题标题】：Superfish drop down menu issue in IE9IE9中的Superfish下拉菜单问题
【发布时间】：2013-11-02 17:13:54
【问题描述】：

使用 superfish 插件的多级下拉菜单在 Chrome、Firefox、Safari 中正确显示，但在 IE9 中菜单显示为垂直而不是水平。有解决这个问题的想法吗？

同时我使用了这个例子的代码（查看页面源代码）： http://users.tpg.com.au/j_birch/plugins/superfish/example.html

【问题讨论】：

你用的是css3，i9不支持css3，只有ie10支持
谢谢。但它似乎没有使用css3的功能。那么，让多级下拉菜单兼容所有不同版本的浏览器的最佳解决方案是什么？
你应该使用javascript作为下拉菜单。它适用于所有浏览器。这是 js 下拉列表的示例链接：1stwebdesigner.com/css/…sixrevisions.com/design-showcase-inspiration/…
还有其他想法吗？ IE9中css相关菜单的其他功能都可以，除了菜单垂直出现！！！

标签： jquery

【解决方案1】：

我创建了一个带有 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>

【讨论】：

【解决方案2】：

我忘了回答...我通过将正确的 DOCTYPE 标签添加到我的 jsp 页面来解决了这个问题。现在菜单出现并且可以正常工作。无论如何，谢谢。

【讨论】：