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

Question

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

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

如您所见，菜单项“Object 2”的一部分隐藏在“Home”和“Nav2”菜单后面。我应该在我的代码中添加什么，以便对象 2 出现在“Home”和“Nav2”菜单的顶部？

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

Answer 1

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

.upper-mobile {
    overflow: visible;
}