基本上我需要应用CSS动画，其中元素的background-image属性在某些关键帧处发生变化，但我不希望它动画化。现在，background-image不是一个可动画的属性，所以这不应该成为一个问题，但大多数浏览器都决定继续进行补间，所以我必须减轻它。我试过这种黑客行为：
@keyframes animation {
0%, 100% {
background-image: url(http://7-themes.com/data_images/out/72/7016712-nice-love-wallpaper-27705.jpg);
}
49.9999% {
background-image: url(http://7-themes.com/data_images/out/72/7016712-nice-love-wallpaper-27705.jpg);
}
50% {
background-image: url(http://7-themes.com/data_images/out/31/6875628-nice-backgrounds.jpg)
}
[...]
codepen上的完整代码： http://codepen.io/anon/pen/wKPXYj?editors=110
除了在Safari（包括iOS和桌面版）上工作正常，其中图像具有这种增亮效果，因为它们“动画”，即使属性在关键帧之间没有变化......任何人都可以想到一种方式为了避免这种情况发生，我只想让图像在没有动画的情况下改变，并且没有这种奇怪的亮点。