Jquery Div以滑落在另一个下面

我试图让一个绝对定位的div元素（#slideout）滑到另一个div元素下。如果可以的话，可以通过CSS菜单

这是我的：

正如您在单击红色选项卡时所看到的#滑盖。菜单不是我想要的。我想把它塞进菜单下，只留下突出的红色标签，这样用户就可以再次点击来显示元素

我尝试过的事情： 我给菜单一个高的z指数。 我给#slideout一个较低的z指数，甚至没有z指数

但这不起作用

如果整件事都能有反应那就太好了。你能给我一些CSS技巧，甚至jQuery吗？

Z-index默认情况下根据元素的顺序和位置继承它的位置（例如，具有绝对位置的元素很可能与没有任何位置的元素重叠，但大多数情况下，它可以在不同的浏览器之间进行区分），要覆盖它，您必须设置定位{相对、绝对、固定}，然后添加所需的z索引

---

在您的情况下，您必须添加

position:relative

到

.menu

以使其工作，否则，正如我前面提到的，它将遵循元素顺序的继承或元素的定位。 CSS:

.menu {
  background: none repeat scroll 0 0 #E0E0E0;
  height: 100px;
  width: 100%;
  position:relative;
  z-index: 99999 !important;
}

---

这将解决所有问题

不客气，请在回答的左上角将此标记为已回答，以便其他人可以参与回答。干杯我差点忘了你是代表！