變換：縮放剪輯

Question

我想在這裏使用transform：scale爲圖像網格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，以便我們能夠更好地幫助你。