下拉菜单（Superfish）在IE浏览器中，在FF/Chrome中破解？

Question

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

由于一些奇怪的原因，它在Firefox和Chrome中被破解，但在IE中完美运行。

我不确定它只是子菜单<ul>还是别的？

帮助表示赞赏，谢谢！

Answer 1

您的<ul>目前位于<li>之外，它应该是孩子的。

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

它应该是：

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

Answer 2

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

你有doctype之前的“东西”。如果你把任何东西放在doctype之前，它会把IE扔进'怪癖模式'。将它们全部取出并放入其所属的头部或身体中。

具体来说，脚本的东西应该（可能）在头部，而锚，我不知道究竟在哪里，但它应该在体内。

还有其他人提到的名单。

Answer 3

你没有正确嵌套的子菜单<ul>了你的“红线”菜单项下：

<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>