下拉（Superfish）菜单在 IE 中工作，在 FF / Chrome 中损坏？

Question

网站：http://soizimage.com/mrmstory.html

由于某些奇怪的原因，它在 Firefox 和 Chrome 中损坏，但在 IE 中完美运行。

我不确定这是否只是子菜单

还是其他内容？

感谢帮助，谢谢！

Answer 1

您的

当前位于其子级
• 之外。

<ul>
 <li>Link</li>
  <ul><li>Child Link</li></ul> *Dropdown*

应该是：

<ul>
 <li>Link
  <ul><li>Child Link</li></ul> *Dropdown*
 </li>

Answer 2

您没有在“Red Thread”菜单项下正确嵌套子菜单

：

<li class="newwork"><a href="newwork.html"><span>New Series</span></a></li> //li item closes here
<ul>
    <li><a href="new-gallery.html">SERIES 1</a></li>
    <li><a href="new-gallery2.html">SERIES 2</a></li>

      <!--
    <li><a href="newworkseries3-gallery.html">SERIES 3</a></li>     
    <li><a href="newworkseries4-gallery.html">SERIES 4</a></li>
       -->                                                                     
</ul>

将该子菜单包含在菜单项中，它应该可以正常工作，如下所示：

<li class="newwork"><a href="newwork.html"><span>New Series</span></a>
    <ul>
        <li><a href="new-gallery.html">SERIES 1</a></li>
        <li><a href="new-gallery2.html">SERIES 2</a></li>

          <!--
        <li><a href="newworkseries3-gallery.html">SERIES 3</a></li>     
        <li><a href="newworkseries4-gallery.html">SERIES 4</a></li>
           -->                                                                     
    </ul>
</li>

Answer 3

问题出在IE上。虽然它可能会显示您想要的内容，但更现代的浏览器会显示您编写的内容。

文档类型之前有“东西”。如果您在文档类型之前放置任何内容，它会将 IE 置于“怪异模式”。移除所有这些并将其放入其所属的头部或身体中。

具体来说，脚本内容（可能）应该放在头部，而锚点，我不知道确切的位置，但它应该放在正文中。

其他人也提到了清单上的事情。