2017-01-04 6 views
0

enter image description hereサービスアイテムでZ-インデックスが機能しない

サービスアイテムにカーソルを合わせると、他のアイテムの上に表示されません。私はZインデックスを設定しようとしていますが、動作していません。私は次に何をしますか? http://sarower.me/projects/

+0

?それはうまくいくはずです。 – willoller

+0

私はそのアイテムにカーソルを置いたとき。アイテムの他のアイテムの上部。それはz-indexを働かせません。 – Mamun

+0

すべての項目に 'z-index:-1;'を追加します。 –

答えて

1

あなたが試みることができる:アニメーションが始まる前のzインデックスを設定します

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

は、ここに私のデモのリンクです。

2

親のz-インデックスを追加します。

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

、さてあなたは、任意のコードを追加していないが、あなたは一例であり、更新の下に参照するか、コードに変更を加えることができますので、それはz-index問題だ私のため

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

+0

なぜ落札ですか?それは働いている –

1

をこのその作業を試してみてくださいこの助けを願う。 /どのようにあなたが `Z-index`を設定している

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

関連する問題