Open suoutsky opened 6 years ago
移动端页面中经常要使用图片切换的方式制作动画效果，一些同学的第一反应是使用 animation来对background-image进行切换，但是在safari上会出现闪烁的兼容性问题，W3C标准中明确background-image属性是不支持动画的，所以某些版本的浏览器遵循该规则不支持使用 animation来对background-image进行切换。 那么最好的方式是什么呢 我推荐的方式是使用background-position 进行切换 既减少了网络请求又没有兼容性问题
移动端页面中经常要使用图片切换的方式制作动画效果，一些同学的第一反应是使用 animation来对background-image进行切换，但是在safari上会出现闪烁的兼容性问题，W3C标准中明确background-image属性是不支持动画的，所以某些版本的浏览器遵循该规则不支持使用 animation来对background-image进行切换。 那么最好的方式是什么呢 我推荐的方式是使用background-position 进行切换 既减少了网络请求又没有兼容性问题