如何实现Iframe透明
2008-03-06 09:24
239 查看
代码如下:
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; }
</>
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; }
</>
相关文章推荐
- 如何实现Iframe透明
- 如何实现Iframe透明
- 如何实现Iframe透明
- 如何实现Iframe透明
- 如何在ie6/ie7/ie8中实现iframe背景透明
- 如何实现iframe(嵌入式帧)的自适应高度
- 如何实现掩码位图的透明显示
- 如何实现背景透明,文字不透明,兼容所有浏览器?
- Qt 中如何实现对图片设置透明色显示 .
- 如何让iframe的背景透明
- 关于如何使navigationbar 从透明到完全实现展现的动画效果实现
- 【转】如何实现iframe(嵌入式帧)的自适应高度
- 如何使用iframe实现跨域写入cookie 并且兼容大部分浏览器
- 如何实现透明遮挡层显示图片
- 如何通过单页实现类似iframe左右侧结构
- iframe 上下滚动条如何默认在下方实现原理
- iframe 上下滚动条如何默认在下方实现原理
- 背景透明(某块区域的透明度和其他地方的透明度不同)如何实现?
- JSP跨iframe如何传递参数实现代码
- 如何让一个IFRAME调用页面的背景为透明