iframe透明覆盖div_是实现战场透明

iframe透明覆盖div_是实现战场透明IE5.5和NN6以上的浏览器支持 Frame ,Iframe对象的allowTransparency 方法,如果某对象的背景颜色设置为Transparency的,它将继承包含它容器的特性。我们可以通过这个特性实现透明背景的开/关。代码如下:a.html如下:<HTML><HEAD><TITLE></TITLE><MET…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

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()”>

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

转载于:https://www.cnblogs.com/gergro/archive/2006/04/07/368945.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/203534.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • pycharm为什么有中文就运行不了_电脑右下角输入法图标不见了

    pycharm为什么有中文就运行不了_电脑右下角输入法图标不见了系统版本:Ubuntu16.04PyCharm版本:PyCharm2020.3.3(CommunityEdition)1、在pycharm安装目录bin下的pycharm.sh中,添加如下几行:ibus类型的输入法添加:exportGTK_IM_MODULE=ibusexportQT_IM_MODULE=ibusexportXMODIFIERS=@im=ibusfcitx类型的输入法添加:exportGTK_IM_MODULE=fcitxexportQT_IM_MODU

    2022年8月28日
  • 统计学的Python实现-016:变异系数

    统计学的Python实现-016:变异系数作者:长行时间:2019.03.15统计学解释变异系数:变异系数(coefficientofvariation),又称离散系数,是一个衡量数据离散程度的、没有量纲的统计量。其值为标准差与平均值之比。变异系数的计算公式为:CV=σμCV=\frac{\sigma}{\mu}CV=μσ​其中σ\sigmaσ为标准差,μ\muμ为均值。代码实现importnumpydefcoefficient_of_variation(data):mean=numpy.mean(dat.

    2022年5月29日
  • c语言如何生成csv文件格式,生成 csv 文件「建议收藏」

    c语言如何生成csv文件格式,生成 csv 文件「建议收藏」生成CSV文件:有时候我们做的网站,需要将一些数据,生成有一个CSV文件给浏览器,并且是作为附件的形式下载下来。以下将讲解如何生成CSV文件。生成小的CSV文件:这里将用一个生成小的CSV文件为例,来把生成CSV文件的技术要点讲到位。我们用Python内置的csv模块来处理csv文件,并且使用HttpResponse来将csv文件返回回去。示例代码如下:代码解释…

    2022年7月20日
  • eclipse下载及安装教程[通俗易懂]

    eclipse下载及安装教程[通俗易懂]eclipse下载及安装教程Java编程最好的集成开发工具就是IBM研发的Eclipse软件,Eclipse完全免费,是java开发人员的必备平台。进入eclipse下载页,界面如下图所示:(附加官网下载链接:https://www.eclipse.org/downloads/)eclispe提供了两种下载方式。一种是下载安装程序,下载后直接运行安装程序,根据安装程序的提示选择安装选项并完成安装;一种是下载具有不同功能项的eclispe压缩包,下载后手动解压即可。第一种——安装程序方式

    2022年5月10日
  • android activity的跳转动画,实现activity跳转动画的若干种方式

    android activity的跳转动画,实现activity跳转动画的若干种方式第一种:(使用overridePendingTransition方法实现Activity跳转动画)在Activity中代码如下/***点击按钮实现跳转逻辑*/button1.setOnClickListener(newView.OnClickListener(){@OverridepublicvoidonClick(Viewv){/***在调用了startActivity方法之后…

    2022年5月21日
  • pycharm常用快捷键总结

    pycharm常用快捷键总结工欲善其事,必先利其器。Python开发利器Pycharm常用快捷键以及配置如下,相信有了这些快捷键,你的开发会事半功倍!一常用快捷键编辑类:Ctrl+D复制选定的区域或行Ctrl+Y删除选定的行Ctrl+Alt+L代码格式化Ctrl+Alt+O优化导入(去掉用不到的包导入)Ctrl+鼠标简介/进入代码定义Ctrl+/行注释、取消注释C…

    2022年8月26日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号