为什么在悬停后移动图像 - 仅限铬

Question

悬停后移动图像

仅限铬！

在Google Chrome浏览器中查看我的页面：http://qass.im/teeny/

现在悬停所有图片..

为什么在悬停后移动图像？

.pin img{
width: 100%;
max-width:100%;
height:auto;
border-radius:3px 3px 0 0;
display:block;
opacity:0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.pin img:hover{
 opacity:1;
 }

感谢。

Answer 1

由于图像大小调整算法不同（我的机器图像中心的btw在firefox中被“移动”），但在chrome中没有“移动” - 尝试使用在258x181px列中使用的精确大小的图像 - 在这种情况下它不会不会被浏览器调整大小，移动的效果会消失。