Iframe透明背景

我的应用程序有一个模式对话框，里面有一个iframe。 我写了我的jQuery代码，当对话框打开时，它设置iframe的适当的'src'属性，以便加载内容。 但是，在对话框打开和内容加载之间的延迟期间，iframe显着地呈现为白色框。 我宁愿iframe有一个透明的背景。

我已经尝试在iframe上设置allowtransparency =“yes”。 有任何想法吗？ 谢谢！

Answer 1

我已经使用这个通过Javascript创build一个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

为什么不把屏幕加载到屏幕上或隐藏，然后在加载完成后显示。 您可以在其位置显示一个加载图标，以便为用户提供即时反馈，即加载。

Answer 4

设置src的背景颜色为none，并允许透明。

 [WITHIN SCR PAGE STYLE] <style type="text/css"> body { background:none transparent; } </style> [IFRAME] <iframe src="#" allowtransparency="true">Error, iFrame failed to load.</iframe> 

注：我编码我的CSS有点不同于其他人。