0

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

这是我的：代码

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

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

这虽然行不​​通。

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

4

1 回答 1

0

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

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

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

这将解决一切

于 2013-04-21T13:13:06.750 回答