变换：缩放剪辑

我想在这里使用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); 
}

任何帮助将不胜感激。

来源

2012-10-28 Juan Rangel

尝试：

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

但是这不是测试，您应该创建一个的jsfiddle，以便我们能够更好地帮助你。

来源

2012-10-28 06:06:55 Nelson

工作完美！感谢您的帮助。 –

我刚刚意识到，这确实解决了图层问题，但不是在图像跳转结束时进行的。任何想法如何解决这个问题？此外，图像在模糊消失时发生模糊，并且在“跳跃”之后。 –

这是因为图像在转换时转换为低质量渲染，并在转换完成时转回高质量渲染。这是“按预期工作”（尽管它很糟糕） –

变换：缩放剪辑

回答

相关问题