如何实现Iframe透明

　　第一次发表文章，有什么写不好的地方请多多包涵，另外想借此机会认识一些从事WEB设计的朋友，tangzehuan@sohu.com QQ 37878073
　　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定义如下：

按钮定义如下：

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; }
</script>

如何实现Iframe透明相关推荐

iframe透明的解决办法
iframe是迫不得已才使用的,因为使用iframe会带来较多的问题,而有的浏览器可以设置将iframe当作广告屏蔽. 在最近的一个工作内容中使用了iframe,开始遇到的问题是iframe高度自适应 ...
黑暗主题导致iframe透明属性失效
现象设置css属性 color-scheme: dark; 时,iframe元素透明效果失效 <iframe allowtransparency="true" /> ...
allowTransparency含义嵌套透明iframe 透明背景
1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true. 2.在 iframe 内容源文档,background-color 或 body 元素的 bg ...
Iframe用法的详细讲解(属性、透明、自适应高度)和html中滚动条属性设置
Iframe 用法的详细讲解(属性.透明.自适应高度)和html中滚动条属性设置 scrollbar属性.样式详解 1． overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overfl ...
html Frame、Iframe、Frameset 的区别详细出处参考：http://www.jb51.net/web/22785.html
10.4.1 Frameset与Frame的区别首先讲解Frameset与Frame之间的区别. 用来划分框架,每一个框架由标记.必须在之内使用,代码如下: 在上面的例子当中,把页面分为左右两个部分, ...
iframe学习总结
iframe标签用法详解(属性.透明.自适应高度) iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站的内容,为了更好的效果,可能需要使iframe透明效果,那么就需要了 ...
在html语言中frame,html Frame、Iframe、Frameset 的区别
10.4.1 Frameset与Frame的区别首先讲解Frameset与Frame之间的区别. 用来划分框架,每一个框架由标记.必须在之内使用,代码如下: 在上面的例子当中, 把页面分为左右两个 ...
转框架页有Frame、Iframe、Frameset 3个标记，初学者容易将三者混淆，下面分别讲解三者的区别。...
框架页有Frame.Iframe.Frameset 3个标记,初学者容易将三者混淆,下面分别讲解三者的区别. 10.4.1 Frameset与Frame的区别首先讲解Frameset与Frame之 ...
iframe例子 (
iframe例子转载▼ test1.htm <html> <body background="test.jpg" > <if ...
Frame、Iframe、Frameset 的区别
10.4 Frame.Iframe.Frameset 的区别框架页有Frame.Iframe.Frameset 3个标记,初学者容易将三者混淆,下面分别讲解三者的区别. 10.4.1 Frame ...

如何实现Iframe透明

如何实现Iframe透明相关推荐

最新文章

热门文章