iframe在加载时闪烁“白色”

问题描述：

我在我的项目中使用了iframe，似乎只要它在不透明背景上加载内容 - 它在正确显示之前闪烁“白色”大约1秒。iframe在加载时闪烁“白色”

它似乎在jQuery脚本准备好之前触发加载的事件。我试过

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

但是不起作用。任何其他想法摆脱这个？

在这里，我找到工作的另一个很好的解决方案： http://swsharinginfo.blogspot.com/2011/11/避免 - iframe-white-flash-issue-while.html – 2011-11-26 08:23:55

答

尝试使用：

style="display:none" onload="this.style.display = 'block';"

visibility:hidden实际上并不“隐藏”的元素，例如 - 它仍占用的空间它将如果它是可见的。 display:none实际上使元素完全不可见，就好像它不存在一样。

thx很多这似乎帮助）） – Thomas 2010-02-28 17:01:41

没问题。当我第一次了解到“可见性：隐藏”时，我遇到了类似的问题。 :) – 2010-03-02 22:42:33

答

如果您可以控制框架页面 - 将该页面上的背景颜色设置为透明。大多数浏览器是白色的默认

答

我遇到了一些困难越来越：

style="display:none" onload="this.style.display = 'block';"

在我在Chrome和Safari浏览器的工作情况。

如果这些不为你工作，尝试：

style="opacity: 0;" onload="this.style.opacity = 1;"

答

我正好有这个问题，并试图此页面上的所有补救措施没有成功。它在Chrome上闪烁，而不是FireFox。

什么工作对我来说发生了变化：

$("#iframe").prop('src', url);

到

$("#iframe").attr('href', url);