Question

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

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

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

感谢帮助，谢谢！

Answer 1

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

你在doctype之前有“东西”。如果你在doctype之前放了任何东西，它会把IE引入'怪癖模式'。将所有这些移除并放入其所属的头部或身体中。

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

也是其他人提到的清单。

Answer 2

您没有在“红线”菜单项下正确嵌套子菜单<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>

Answer 3

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

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

应该是：

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

IE中的Dropdown（Superfish）菜单，在FF / Chrome中打破？

3 个答案: