我正在尝试制作动画片 gif 在...之上 jpg，它似乎适用于大多数浏览器（IE，Firefox，iPhone，iPad），但动画周围有一个奇怪的框 gif 在 窗户上的铬， firefox for the mac，和 用于mac的chrome。
我终于通过一些奇怪的黑客来解决它，比如强迫图像调整到99.9％，使用掩码只允许动画gif的一部分显示，但是有更好/更清晰的跨浏览器解决方案吗？
我基本上开始使用div和图像，两者都是响应式的。
HTML：
<div>
<img src="http://www.enjoyillinois.com/images/animations/Garden_of_Gods_anim_full.gif" />
</div>
CSS：
div {
background-image: url("http://www.enjoyillinois.com/images/animations/Garden_of_Gods_bg.jpg");
background-repeat: no-repeat;
background-size: cover;
}
img {
width:100%;
display:block;
}
这是一个jsfiddle： http://jsfiddle.net/GyDCx/7/