变换：缩放裁剪

Question

我正在尝试在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);
}

任何帮助将不胜感激。

Answer 1

尝试：

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

但这没有经过测试，你应该创建一个 jsfiddle 以便我们更好地帮助你。