所在位置:首页 > 学习心得 > 如何实现Iframe透明,教你去掉背景色
如何实现Iframe透明,教你去掉背景色
  • 如何实现Iframe透明,教你去掉背景色
    发布时间:2010-01-15 类别:其他 来源:侠客工作室
    • 1
    • 2
    • 3
    • 4
    • 5
  •  

    代码如下:

    a.html如下:

    <HTML><HEAD><TITLE></TITLE>
    < http-equiv=Content-Type content="text/html; charset=gb2312">
    </HEAD>
    <BODY style="BACKGROUND-COLOR: transparent">
    <H1>透明文档</H1>
    <P>此I无背景颜色</P>
    <P>BODY:<br><BODY STYLE="background-color:transparent"></P></BODY></HTML>

    b.html如下:

    <HTML><HEAD><TITLE></TITLE>
    < http-equiv=Content-Type content="text/html; charset=gb2312">
    </HEAD>
    <BODY style="BACKGROUND-COLOR: transparent">
    <H1>透明文档</H1>
    <P>此I 设为绿色。</P>
    <P>BODY: <br><BODY STYLE="background-color:transparent"></P></BODY></HTML>

    如果a.html透明的,它将继承I的背景颜色 如果容器I也是透明的,a.html将继承I的父容器的颜色,如果一个对象不透明,它将覆盖其容器的颜色,默认是透明的。

    Internet Explorer 5.5 以上版本允许你设置透明属性,通过设置是否可被透明,你可以改变背景的颜色。[在不设置透明属性的情况下,默认背景颜色为白色]

    I定义如下:

    <I ID="1" src="/a.html" allowTransparency="true" HEIGHT=180 WIDTH=300> </I> <I ID="2" src="/b.html" allowTransparency="true" STYLE="background-color:#459800" HEIGHT=180 WIDTH=300> </I>

    按钮定义如下:

    <INPUT TYPE="button" ="不透明" ="turnTransparencyOff()"> <INPUT TYPE="button" ="透明" ="turnTransparencyOn()">

    <>
    //函数turnTransparencyOff():

    turnTransparencyOff()
    { all.1.allowTransparency = false; all.2.allowTransparency = false; }

    //函数turnTransparencyOn():

    turnTransparencyOn()
    { all.1.allowTransparency = true; all.2.allowTransparency = true; }
    </>

  • ☆☆☆技术交流群:5684178☆☆☆
  • 上一篇:Microsoft JET Database Engine 错误 ‘80004005‘ 未指定的错误
  • 下一篇:HTTP 错误 404 - 文件或目录未找到
侠客工作室主要承揽网站制作|企业建站|北京网站制作|北京网站建设|北京企业建站|专业仿站|SEO优化等业务
地址:北京市海定区清河水木天成 电话:13718388147 13718388147 传真:13718388147 访问统计:
投诉电话:13718388147 投诉QQ:点击这里给我发消息 客服信箱:1300105556@qq.com 邮编:102200 北京网站建设地图 北京网站建设RSS地图
版权所有 2009-2014侠客工作室【北京网站建设】 京ICP备11021494号-1