我的页面上有一个gif，最初隐藏了不透明度：0和可见性：隐藏（由于其他原因，我不能使用display：none）。
<img src="xxx.gif" style="opacity: 1; visibility: visible;">
我点击
显示gif$("#image").click(function(){$("#imageZ").css({"opacity":"1", "visibility":"visible"});});'
此代码有效。它显示图像。但是我有一个奇怪的问题，没有重复的GIF。在Chrome上，没关系，当gif显示时，它会启动，我会看到我想要的东西。
在Safari上它不起作用，我看到了什么。我认为gif已经被阅读，并且在可见性时不会重新启动：可见。
当我使用display：block而不是visibility：visible时，它工作正常。可见性将其添加到DOM上并在Chrome上运行，因此我不明白为什么它在Safari上不起作用。
你知道这个问题，并且有想法修补它吗？
感谢。