iframe - 打开 iframe Colorbox 时出现白色闪烁

Question

打开 iframe 颜色框时出现白色闪光。如何防止 iframe 先显示白色背景，然后再显示假定的 iframe？

Answer 1

尝试传入fastIframe: false颜色框配置。它使颜色框等到 iframe 的所有内容都加载完毕后再尝试显示任何内容。

$('a').colorbox({ iframe: true, fastIframe: false });

Answer 2

白色闪烁是 colorbox 动态生成 iframe 的结果。在加载 iframe 时，您会看到颜色框窗口本身的背景颜色。

解决此问题的一种方法是使用此 jsfiddle中演示的“黑色”颜色框 css 样式。下载 colorbox时，您可以在“示例 3”文件夹中找到此 colorbox.css 文件。使用这种样式，您当然会看到黑色闪光而不是白色闪光，但它与彩盒覆盖层的半透明黑色更好地融合在一起。

或者，您可以自定义最适合您需求的 colorbox.css 文件。有 5 种预建样式，您可以在官方彩盒网站上看到演示。