3

私は変換を使用しようとしています：ここhttp://movies.themodern-nerd.com/genreで画像のグリッドのスケール。左から右にスクロールすると正常に機能し、ホバーされた画像は他の画像の上に表示されたままになりますが、右から左にホバーすると、ホバーされた画像は右側の画像の下に表示されます。

.searchresults img {
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;

}

.searchresults img:hover {
-webkit-box-shadow: 0px 0px 3px 5px #d50000;
-moz-box-shadow: 0px 0px 3px 5px #d50000;
box-shadow: 0px 0px 3px 5px #d50000;
 -webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1); 
-o-transform: scale(1.1,1.1);
}

どんな助けでも大歓迎です。

4

1 に答える 1

1

試してみてください：

.searchresults:hover {
   position: relative;
   z-index: 2;
}

ただし、これはテストされていません。jsfiddleを作成して、より適切にサポートできるようにする必要があります。

于 2012-10-28T06:06:55.180 に答える