iframe 白色闪光

Question

我的 iFrame 中有一个左侧导航，有两个项目，在两个页面之间切换。有时有白色闪光，有时没有。

到目前为止我尝试过的一些方法:

<iframe style="visibility:hidden;" onload="this.style.visibility = 'visible';">

没有达到目的。

jQuery('#jobs-frame').load(function(){
    $(this).show();
});

jQuery('#primary a').click(function(){ 
    //alert('hello');
    jQuery('#jobs-frame').hide();
});

也没有做到这一点。我尝试过的任何其他方法似乎都已经过时了。令我困惑的是，上述 2 个解决方案有很多评论/反馈说它们有效，但在 Chrome(迄今为止我测试过的唯一浏览器)中，我仍然遇到这个问题。

Answer 1

对于动态生成的 iframe，我也遇到了类似的问题。在 Chrome 上，切换可见性消除了白色闪光，但仍然闪烁。在 Safari 上，切换显示实际上引入了相关的 iframe 重绘错误。

最终对我有用的是切换不透明度:

<iframe style="opacity: 0;" onload="this.style.opacity = 1;">`