我有一个动画gif编码到我的CSS中:
.magicBg { background-image: url(data:image/gif;base64,R0lGODlhAQBkAPcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0ND ... }
这个动画gif被编码为播放一次.
然而,一旦这个动画gif作为元素的背景播放一次,它就再也不会播放了.运用
$('body').removeClass( 'magicBg' ); $('body').addClass( 'magicBg' )
没有效果 – 我们从gif的最后一帧开始.有没有想法如何在每次添加课程时从头开始播放?
不幸的是,another answer suggests使用一些随机url参数从服务器重新加载gif.唉,这对我的情况不起作用,因为我将图像编码到css本身.你能为base64数据添加随机日期戳吗?
解决方法
您可以向数据网址添加其他虚假字段以强制重播动画gif:
//use date timestamp to ensure no duplicates url(data:image/gif;bogus:ABCDEF;base64,R0lGODlhA...);
原文地址:https://www.jb51.cc/jquery/178682.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。