Question

我有一个iFrame，它背后使用背景图片。在Firefox上，背景是透明的，我可以看到背景图像。在IE上，Iframe中的背景默认为白色。有没有解决这个问题？

示例：

<td width="80px" class="voting" align="center"><div id="votingIframeDiv">
    <iframe  id="votingIframe" frameborder="0"  allowTransparency="true" vspace="0"  hspace="0"  marginwidth="0"  marginheight="0" width="80"  height="70" scrolling="no"  src="vote/index.php?userid=89&fishid=<?php echo $row['id'];?>" >
        </iframe></div>
    </td>

Answer 1

这是否有解决方法？

是的，IE具有非标准allowtransparency属性。

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

Answer 2

确保IFRAME及其来源BODY元素都应用了background:transparent样式规则：

<iframe  id="votingIframe" frameborder="0"  allowTransparency="true" style="background:transparent" ... ></iframe>

并在来源：

<body style="background:transparent">

PS：上面的CSS样式仅仅是内联的。

Answer 3

是的你可以解决这个问题，但它也取决于iframe的原始样式表，如果iframe的源代码在CSS中设置了bg，则会覆盖allowTransparency="true"

这可能是一个很长的镜头，但请尝试将allowTransparency="true"放在iframe标记的末尾。

注意：在我的测试中，allowTransparency在IE6中无效。

Answer 4

如果你没有得到任何爱情，请将allowTransparency ='true'放入尝试后确保你的风格=“背景：透明”。

IE中没有iFrame透明度？

4 个答案: