Div 在另一个下滑动

【问题标题】：Div to slide under anotherDiv 在另一个下滑动
【发布时间】：2013-04-21 21:22:03
【问题描述】：

如果可以的话，我正在尝试通过 CSS 让一个绝对定位的 div 元素 (#slideout) 在另一个 div 元素 .menu 下滑动。

这是我的：code

正如您在单击红色标签时看到的那样； #slideout 涵盖了 .menu，这不是我想要的。我想把它藏在 .menu 下，只留下红色标签突出，这样用户就可以再次单击以显示该元素。

我尝试过的事情：我给 .menu 一个高 z-index。我给 #slideout 一个较低的 z-index 甚至没有 z-index。

但这不起作用。

如果整个事情也能响应就好了。你能给我一些 CSS 技巧甚至 jQuery 吗？

【问题讨论】：

【解决方案1】：

Z-index 默认情况下通过元素的顺序和定位继承它的位置 （例如，具有绝对定位的元素很可能会与没有任何定位的元素重叠，但大多数它可能因浏览器而异），要覆盖它，您必须设置定位 {relative,absolute,fixed}，然后添加所需的 z-index。 p>

在您的情况下，您必须将position:relative; 添加到.menu 才能使其工作，否则正如我之前提到的，它将遵循元素顺序的继承或它们具有的定位。 CSS：

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

这将解决所有问题

【讨论】：