图像悬停过渡到投资组合的另一个图像

Question

所以我为我的平面设计组合做了这个。在我的＆＃34;照片编辑＆＃34;页面我在编辑前制作了显示照片的div，当您将鼠标悬停在图像上时，它会显示已编辑的照片。问题是，当我悬停在照片上时，有50％的时间它会闪烁到照片而不是平滑过渡。

CSS：

#photo {    
   background-image:url(../content/images/Editing/1.jpg);
   background-size:104%;
   -webkit-transition: background-image 0.3s ease-out;
   -moz-transition: background-image 0.3s ease-out;
   -o-transition: background-image 0.3s ease-out;
   transition: background-image 0.3s ease-out;  
}


#photo:hover {
   background-image:url(../content/images/Editing/1a.jpg);
}