CSSトランスフォームスケールz-インデックス

私は、そのセクションの他のタイルの上にある "特集されたデザイン作品"セクションのホバーコンテンツをどのように持ってくるかを考えようとしています。CSSトランスフォームスケールz-インデックス

画像のプレースホルダ400x400にカーソルを合わせると、これらのタイトルが他の画像の下に表示されます。

感謝！

-1

だけz-indexを使用します。

.wordWrap:hover{ 
    ... 
    z-index: 1; 
}

2017-02-06 05:25:06 AVAVT

タイルが異なる"row"divsの内側にあるので、関係なく、あなたが適用何z-index、彼らは親"row"のdiv順による積層されませんと。

z-indexプロパティは、親コンテナと相対的です。だから、1行目にある100のz-indexは、あなただけのような（z-index高い何かを与える、その後、同じ"row"div内のタイルのすべてを置くことによってこの問題を解決することができ、第2行の1のz-index

下になります9999）をホバースタイルに変換します。

2017-02-06 05:31:34

大変ありがとうございます。 –

あなたが指定した例のコードを調べると、各画像が負の値を持つように見えるz-index:-999次にtransform:scale(1.5);がホバーの親に適用されます。

2017-02-06 05:41:10 Brendan

答えて