子菜单不显示-溢出隐藏？

Question

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

我想可能是jQuery插件的错误.使它溢出:隐藏；

我是新来的，所以我会感谢你的帮助

以下是该网站的链接

编辑:我删除了克威克斯，我可以看到子菜单，但我需要克威克斯，有什么办法可以绕过这个吗？？

Answer 1

使用Chrome，我可以看到你的第一个菜单的一半，有一个文本，如“马奎那”。我想菜单会显示在它的容器里。

你试过设定更高的z指数吗？

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

编辑：

这是在运行时生成的代码：

<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元素在html中设置了overflow: hidden，它覆盖了css中的overflow:visible集。当我在firebug中禁用此设置时，子菜单选项会显示它们自己。

您还可以在overflow: visible !important中为#kwick_1, #kwick_2, #kwick_3, ..设置style.css以覆盖html中的设置(同样，在firebug中也适用于我)。