透明背景的开关设置

    技术2022-05-11  128

    透明背景的开/关设置

    出自: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="不透明" οnclick="turnTransparencyOff()"> <INPUT TYPE="button" VALUE="透明" οnclick="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; }


    最新回复(0)