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

将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的编码与其他人的编码方式略有不同。

Answer 4

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

iframe透明背景

4 个答案: