Html 可视性：隐藏在Chrome和Opera的iframe中冻结动画（可能是WebKit）
我有一个带有动画的页面，并将其发布在第三方网站上，该页面位于Html 可视性：隐藏在Chrome和Opera的iframe中冻结动画（可能是WebKit）,html,css,animation,iframe,webkit,Html,Css,Animation,Iframe,Webkit,我有一个带有动画的页面，并将其发布在第三方网站上，该页面位于iframe中 有时，iframe的包装div将CSSvisibility属性更改为hidden，当它返回到visible时，iframe内的动画将冻结 切换可见性时测试iFrame CSS动画 .invisible{可见性：隐藏；} iFrame： 切换iFrame可见性 $（“按钮”）。在（“单击”，函数（）上）{ $（“#第三方说唱者”）.toggleClass（“不可见”）； }); 如果您使用不透明度：0而不是可见性：隐
iframeiframevisibilityhidden
切换可见性时测试iFrame CSS动画
.invisible{可见性：隐藏；}
iFrame：
切换iFrame可见性
$（“按钮”）。在（“单击”，函数（）上）{
$（“#第三方说唱者”）.toggleClass（“不可见”）；
});
不透明度：0可见性：隐藏$（'button'）。在（“单击”，函数（）上）{
$（“#myiframe”）.toggleClass（“不可见”）；
});
不可见{opacity:0；}
iFrame：
切换iFrame可见性
请发布您的代码。。因此，我们可以帮助github链接断开，iframe
src
值指向localhost
（http://localhost/learn/frame.html
）。您能否尝试使用可见性：inherit而不是可见
。下面是一个正在运行的演示--OP没有提到当您使iframe不可见时会出现错误。这看起来像是一个浏览器错误，或者可能是为了提高性能而设计的。问题是我不能改变第三方网站的这种行为（隐藏iframe的包装），但我在页面上有大约10个动画，当它们停止时就很难看。我没有机会在iframe之外更改任何js或css（可见性：隐藏由第三方JS制作）。我可以只在我的页面内修复它吗？@DanilShilov使用jQuery而不是CSS制作动画，请参阅我的更新答案。这可能会有所帮助，但我的项目中有大量CSS动画，我真的不想用JS重新制作它们。