部分移动导航菜单项隐藏在其他div后面

Question

我尝试创建移动下拉菜单但我的菜单项隐藏在另一个div后面。我尝试使用z-index，但显然我做错了......

我创建了以下JSFiddle来显示问题： 的 http://jsfiddle.net/hq160xx2/4/

正如您所看到的，菜单项的一部分＆＃34;对象2＆＃34;隐藏在＆＃34; Home＆＃34;和＆＃34; Nav2＆＃34;菜单。我应该将什么添加到我的代码中，以便对象2出现在＆＃34; Home＆＃34;和＆＃34; Nav2＆＃34;菜单？

（顺便说一句：我知道改变div id="Upper"的高度可以解决问题，但这并不是我想要的。）

Answer 1

只需在overflow:hidden;元素上将overflow:visible;更改为.upper-mobile：

.upper-mobile {
    overflow: visible;
}