0

我有一个z-index问题。我有几个 div 彼此叠放,其中 div 中有一些内容会在鼠标悬停时显示。此内容当前显示在父 div 后面。

父 div 有一个z-index: 2,因为它们需要显示在自己的父级上方。

<div class="activity-display"><!--parent div z-index: 2-->
  <a href="#">Running</a><!--This is displayed on hover underneath its parent div, but gets hidden underneath the below activity-display-->
</div>
<div class="activity-display">
  <a href="#">Running</a>
</div>

我尝试向z-index锚点添加更高的值,但这并不能解决问题

任何帮助将不胜感激

4

3 回答 3

0

使用z-index属性元素时必须定位。a将标签更改为position:absolute.

于 2013-08-14T09:50:01.300 回答
0

您至少应该为要使用的元素提供z-index相对位置,因为z-index它不适用于某个static位置。所以除了默认位置之外的任何其他东西都有效。

您也不需要重新排列子元素或父元素,因为子元素将始终位于父元素之上。换句话说,子元素将始终z-index + 1与父元素具有相对关系。

于 2013-08-14T09:51:32.843 回答
-1

请制作小提琴,以便我们提供帮助。

另外,要记住一些要点, z-index 适用于 elements position absolute

于 2013-08-14T09:50:15.987 回答