z-index在服务项中不起作用

Question

当我将鼠标悬停在服务项目上时，它不会显示在其他项目的上方。我正在尝试设置z-index，但它不起作用。我下一步该怎么办？

这是我的演示链接： http://sarower.me/projects/

Answer 1

为父级添加z-index。

.creb.animated.fadeInUp:hover {
    z-index: 10;
 }

Answer 2

你可以尝试：

.creb:hover {
  z-index: 100;
}

这将在动画开始之前设置z-index。

Answer 3

您还没有添加任何代码，但这是一个z-index问题，因此您可以看到下面的示例并更新或更改您的代码，希望此帮助。

＆＃13;

＆＃13;

#b1{
 width:32%;
 height:200px;
 background:#111;
 position:relative;
 float:left;
 transition:1s ease;
 z-index:-1;
}
#b1:hover{
  transform:scale(1.1,1.1);
  z-index:9;
}
#b2{
 width:32%;
 height:200px;
 background:#ff1;
 position:relative;
 float:left;
 transition:1s ease;
 z-index:-1;
}
#b2:hover{
  transform:scale(1.1,1.1);
  z-index:9;
}
#b3{
 width:32%;
 height:200px;
 background:#f11;
 position:relative;
 float:left;
 transition:1s ease;
 z-index:-1;
}
#b3:hover{
  transform:scale(1.1,1.1);
  z-index:9;
}

＆＃13;

<div id="b1"></div>
<div id="b2"></div>
<div id="b3"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 4

试试这个为我工作

.creb:hover { z-index: 9999999999; }