为什么下拉菜单与＆＃34;容器重叠时会变得透明？ DIV？

Question

菜单和一切在这个试用网站上运行良好....但是当我点击菜单并显示下拉菜单项时，它会很奇怪。

以下是我到目前为止所提出的内容：http://jsbin.com/tifuhute/36/

所发生的事情是与＆＃34;容器重叠的所有内容＆＃34;当我将鼠标悬停在它上面时，div变得透明并且不能用作菜单。还有另一个容器（一个名为＆＃34; otrosidiomas＆＃34;的容器）可以正常工作。所以，这个问题超出了我的范围。

任何想法我做错了什么？

Answer 1

这是因为您已将#column1设置为相对位置 - 并且由于它与子列表相比按顺序进一步向下发生，因此它将堆叠在子列表上方。一个技巧是将一个非零的z-index分配给子列表，比如1，这将解决问题：

#menu ul li:hover ul {
    /* this is what makes the dropdown menu appear on hovering over it*/
    visibility: visible;
    z-index: 1;
}