Question

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

我想也许错误与jQuery插件kwicks有关...让它溢出：隐藏;

我有点新，所以我将感激你的帮助^^

Here is the link to the website

编辑：我删除了kwicks，我可以看到子菜单，但我需要kwicks，有什么东西绕过那个？

Answer 1

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

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

我还使用Developer工具进行了检查，并且溢出已正确设置为可见。

编辑：

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

<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中适用于我）。

子菜单没有显示 - 溢出隐藏？

2 个答案: