z-Index nicht in der Serviceposition Arbeits

Question

Wenn ich die Serviceposition schweben, ist es nicht über die anderen Elemente angezeigt werden. Ich versuche, den Z-Index einzustellen, aber es funktioniert nicht. Was mache ich als nächstes?

Hier ist meine Demo-Link: http://sarower.me/projects/

Answer 1

Sie könnten versuchen:

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

, dass die Z-Index gesetzt werden, bevor die Animation beginnt.

Answer 2

Fügen Sie den Z-Index für das übergeordnete Element hinzu.

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

Answer 3

Versuchen Sie dies seine für mich arbeiten

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

Answer 4

Nun, Sie haben keinen Code hinzugefügt, aber es ist ein z-index Problem, so dass Sie unter Beispiel und zu aktualisieren oder Änderungen an Ihrem Code sehen können, Ich hoffe das hilft.

#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; 
 
}

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