透明背景的开/关设置

王朝html/css/js·作者佚名  2006-12-17
窄屏简体版  字體: |||超大  

透明背景的开/关设置

透明背景的开/关设置 出自:http://lucky.myrice.com

E-mail:amxh@21cn.com

IE5.5和NN6以上的浏览器支持Frame,Iframe对象的allowTransparency方法,如果某对象的背景颜色设置为Transparency的,它将继承包含它容器的特性。

例如:

a.html如下: <HTML><HEAD><TITLE></TITLE>

<META http-equiv=Content-Type content='text/html; charset=gb2312'>

</HEAD>

<BODY style='BACKGROUND-COLOR: transparent'>

<H1>透明文档</H1>

<P>此IFRAME无背景颜色</P>

<P>BODY:<br><BODY STYLE='background-color:transparent'></P></BODY></HTML> b.html如下: <HTML><HEAD><TITLE></TITLE>

<META http-equiv=Content-Type content='text/html; charset=gb2312'>

</HEAD>

<BODY style='BACKGROUND-COLOR: transparent'>

<H1>透明文档</H1>

<P>此IFRAME 设为黄色。</P>

<P>BODY: <br><BODY STYLE='background-color:transparent'></P></BODY></HTML> 如果a.html透明的,它将继承IFRAME的背景颜色 如果容器IFRAME也是透明的,a.html将继承Iframe的父容器的颜色,如果一个对象不透明,它将覆盖其容器的颜色,默认是透明的。 Internet Explorer 5.5 以上版本允许你设置透明属性,通过设置是否可被透明,你可以改变背景的颜色。[在不设置透明属性的情况下,默认背景颜色为白色] IFRAME定义如下: <IFRAME ID="frame1" SRC="a.html" allowTransparency="true" HEIGHT=180 WIDTH=300> </IFRAME> <IFRAME ID="frame2" SRC="b.html" allowTransparency="true" STYLE="background-color:#459800" HEIGHT=180 WIDTH=300> </IFRAME> 按钮定义如下: <INPUT TYPE="button" VALUE="不透明" onclick="turnTransparencyOff()"><INPUT TYPE="button" VALUE="透明" onclick="turnTransparencyOn()"> 函数turnTransparencyOff(): function turnTransparencyOff()

{ document.all.frame1.allowTransparency = false; document.all.frame2.allowTransparency = false; } 函数turnTransparencyOn(): function turnTransparencyOn()

{ document.all.frame1.allowTransparency = true; document.all.frame2.allowTransparency = true; }

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航