Javascript 在可见性上播放gif

我的页面上有一个gif，最初是隐藏的，不透明度为：0，可见性为：隐藏（出于其他原因，我不能在这里使用display:none）

这个代码有效。它显示图像。但我有一个奇怪的问题，没有重复gif。在Chrome上，当gif显示时，它启动，我看到了我想要的东西

在Safari上没用，我什么都没看见。我认为gif已经被读取，当可见性：可见时不会重新启动

当我使用display:block而不是visibility:visible时，它起作用了。可见性在DOM上添加，在Chrome上工作，所以我不明白为什么它在Safari上不工作

你知道这个问题吗？你有办法解决它吗

---

谢谢。

这方面有什么更新吗？

<img src="xxx.gif" style="opacity: 1; visibility: visible;">

$("#image").click(function(){$("#imageZ").css({"opacity":"1", "visibility":"visible"});});'