打开iframe Colorbox时出现白色闪烁

Question

打开iframe彩盒时，我会看到一个白色的闪光灯。如何预先设置iframe以首先显示白色背景然后显示所谓的iframe？

Answer 1

尝试在颜色框配置中传递fastIframe: false。它使彩色框等到iframe的所有内容都被加载后再尝试显示任何内容。

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

Answer 2

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

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

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