html标签中iframe背景透明的设置方法

发布时间:2020-11-24编辑:脚本学堂
本文介绍下,html标签中的iframe背景透明的设置方法,有需要的朋友参考下吧。

曾一度认为,iframe的背景是不能变透明的,看了一些资料后,才知自己才疏学浅啊。

可以这样设置iframe的属性 allowTransparency="true",例如:
 

<IFRAME name="frtest" SRC="a.html" allowTransparency="true" HEIGHT=180 WIDTH=300>

a.html的body也要设置样式:STYLE="background-color:transparent",例如:
 

<body STYLE="background-color:transparent" text="#000000">

这样iframe的背景就完全透明了。

另外,在背景透明 iframe 里的样式设置背景颜色的话, a.html的透明背景颜色就会被iframe样式的背景颜色所替代。

可以这样理解:
 

<IFRAME name="frtest" SRC="a.html" allowTransparency="true"   STYLE="background-color:red" HEIGHT=180 WIDTH=300>

这样的iframe, 如果a.html的背景颜色样式设置为transparent的话, 也会是red(红色)的。

不明白的地方,建议大家把上面的iframe背景透明的示例,自己动手做一遍,应该就都明白了。