IE中的IFrame背景透明

Posted

技术标签:

【中文标题】IE中的IFrame背景透明【英文标题】:IFrame background transparent in IE 【发布时间】:2011-07-05 06:36:38 【问题描述】:

所以我有这个带有 .transparentbg 类的 iFrame:

.transparantbg
    background-color: transparent;

这在 Chrome 中可以正常工作,但在 IE 中不行...

请帮忙?

问候

【问题讨论】:

iframe background image showing fine in Firefox but not in IE的可能重复 【参考方案1】:

将 allowTransparency="true" 添加到您的 iframe

<IFRAME ID="Frame1" SRC="whatever.htm" allowTransparency="true">

对于whatever.htm,将background:transparent 添加到其body 标记中。

<body style="background:transparent">

【讨论】:

太棒了!这非常适合 IE8,但我仍然遇到 IE7 的问题,它仍然显示白色背景而不是透明的任何想法。??... 是的,请接受这样一个事实,即极少数用户会看到白色背景而不是透明背景。 啊,两天后,我找到了这个解决方案。非常感谢你们俩 如果有人看到进一步的问题,我发现在 IE8 中,当现有 iframe 更改其源时,其中的 html 标记也必须设置样式。 出现 IE9 不需要allowTransparency="true" 部分。

以上是关于IE中的IFrame背景透明的主要内容,如果未能解决你的问题,请参考以下文章

ie上iframe操作时闪烁的问题,重新加载的问题

IE8中的透明背景颜色

JS实现背景透明度可变,文字不透明的效果

如何在 iOS 应用程序中为 iFrame 设置透明背景?

CSS IE背景透明的问题

通过IE私有滤镜让IE6 7 8支持背景透明,内容不透明效果。