当您将鼠标悬停在图像上时,它应该淡入淡出过渡到另一个图像,但在 Firefox 中,过渡被破坏了。我尝试添加一个顶部:0px;这是从一个类似的问题中提出的,但仍然不起作用。
.infidus {
margin-left: 0px;
top: 0px;
width:698px;
height:300px;
background: url();
-moz-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
}
.infidus:hover {
margin-top: 0px;
top: 0px;
width:698px;
height:300px;
background: url();
-moz-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
}