iframe背景透明效果的实现代码

发布时间:2020-02-22编辑:脚本学堂
本文介绍下,有关iframe背景透明效果的实现代码,有需要的朋友,参考下吧。

iframe中显示的文件:transparentBody.htm的<body>标签中加入style="background-color=transparent"样式。
然后,在iframe标签中,使用如下方法中的任意一种,便可以实现iframe背景透明的效果。

方法1:

复制代码 代码示例:
<iframe id="Frame1" src="transparentBody.htm" allowTransparency="true"></iframe>

方法2:

复制代码 代码示例:
<iframe id="Frame2" src="transparentBody.htm" allowTransparency="true" style="background-color: green"></iframe>

方法2:

复制代码 代码示例:
<iframe id="Frame3" src="transparentBody.htm"></iframe>

方法4:

复制代码 代码示例:
<iframe id="Frame4" src="transparentBody.htm" style="background-color: green"> /iframe>

哪种方法更好呢?自己动手试试吧,在多个浏览器下都测试下,看看哪个iframe背景透明效果更好。