jquery - 子菜单未显示 - 溢出隐藏？

Question

我的问题是我在名为“ Productos ”的第三个导航中有 3 个子菜单，但它们没有显示。

我认为这个错误可能与 jQuery 插件 kwicks 相关......使其溢出：隐藏；

我有点新，所以我会感谢你的帮助^^

这是网站的链接

编辑：我删除了kwicks，我可以看到子菜单，但我需要kwicks，有没有办法绕过它？

Answer 1

使用 Chrome，我可以看到您第一个菜单的一半，其中包含“Maquinaria”之类的文字。我认为菜单将显示在其容器内。

您是否尝试过设置更高的 z-index？

我还检查了开发工具，溢出正确设置为可见。

编辑：

这是运行时生成的代码：

<li id="kwick_3" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: absolute; left: 225px; width: 200px; overflow-x: hidden; overflow-y: hidden; display: block; " class="active">
    <a class="headlink" href="#">Productos<h3>Nuestros productos</h3></a>
    <ul style="visibility: visible; display: block; ">
       <li><a href="#">Maquinaria pesada</a></li>
       <li><a href="#">Transporte</a></li>
       <li><a href="#">Agroindustria</a></li>
    </ul>
</li>

UL 元素的溢出（x 和 y）设置为可见。但父 LI 元素的溢出（x 和 y）设置为隐藏

Answer 2

您的li#kwick_3元素已overflow: hidden在 html 中设置，它会覆盖overflow:visiblecss 中的设置。当我在萤火虫中禁用此设置时，子菜单选项会显示出来。

您还可以在 html中overflow: visible !important设置覆盖设置（同样，在 firebug 中为我工作）。#kwick_1, #kwick_2, #kwick_3, ..style.css