jquery - div 在另一个 div 之上滑动

Question

我有 2 个 div 元素。

<div id='container'>
 <div class="click_menu yellow">
  <p><a href="#">Hover Me</a></p>
  <p class="subtext">The front page</p>
 </div>
 <div class="content"> <p>Content</p> </div>
</div>

当我将鼠标悬停在第一个 div 上时，我想滑过第二个 div 的顶部。不推倒。

JSFiddle Link

我该怎么做？

谢谢

Answer 1

不确定我是否理解你的问题，但看看这是否有帮助

使用下面的 CSS:

.click_menu{
    position:relative;
    z-index : 1;
}
.content {
    position:absolute;
    top: 58px;
}

因此当 z-index 为 1 时，相对 div 将超过绝对 div。

JSFIDDLE