iframe透明背景

Question

我的应用程序有一个模态对话框,里面有一个iframe.我编写了我的jQuery代码,这样当对话框打开时,它会设置iframe的相应'src'属性,以便内容加载.但是,在对话框打开和内容加载之间的延迟期间,iframe显着地显示为白色框.我更喜欢iframe具有透明背景.

我试过在iframe上设置allowtransparency ="yes".有任何想法吗？谢谢!

Answer 1

我用它通过Javascript创建了一个IFrame,它对我有用:

// IFrame points to the IFrame element, obviously
IFrame.src = 'about: blank';
IFrame.style.backgroundColor = "transparent";
IFrame.frameBorder = "0";
IFrame.allowTransparency="true";

不确定它是否有任何区别,但我在将IFrame添加到DOM之前设置了这些属性.将它添加到DOM后,我将其src设置为真实的URL.

Answer 2

<style type="text/css">
body {background:none transparent;
}
</style>

这可能会起作用(如果你放入iframe)

<iframe src="stuff.htm" allowtransparency="true">

Answer 3

为什么不直接将框架加载到屏幕外或隐藏，然后在加载完成后显示它。您可以首先在其位置显示一个加载图标，以便向用户提供正在加载的即时反馈。