社区
JavaScript
帖子详情
iframe能否设置为透明的?
redcaff_l
2003-02-20 04:20:43
可以不遮住父窗口。
如何?
谢谢!!
...全文
400
8
打赏
收藏
iframe能否设置为透明的?
可以不遮住父窗口。 如何? 谢谢!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
huangjianping
2003-02-21
打赏
举报
回复
<body bgcolor=transparent>
--------------------------------------------------------------------------------
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="不透明" onclick="turnTransparencyOff()"> <INPUT TYPE="button" VALUE="透明" onclick="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>
<<<註:转自蓝色理想http://www.blueidea.com》》》》》
meizz
2003-02-20
打赏
举报
回复
聆听孟子老大的教诲
fason
2003-02-20
打赏
举报
回复
allowTransparency="true"
fason
2003-02-20
打赏
举报
回复
我佩服
孟子E章
2003-02-20
打赏
举报
回复
透明背景的开/关设置
http://lucky.myrice.com/javascriptexam/mengxhtrans55.htm
<BODY STYLE="background-color:transparent">
fason
2003-02-20
打赏
举报
回复
梅兄意见如何?
meizz
2003-02-20
打赏
举报
回复
好象不行
fason
2003-02-20
打赏
举报
回复
试试层内嵌套iframe,再对层用样式filter:alpha(opacity=50)
HTML
iframe
设置
背景
透明
NULL 博文链接:https://onestopweb.iteye.com/blog/2356319
iframe
框架
透明
背景,框架
透明
背景
本例主要是
iframe
对象的allowTransparency属性应用,在该属性
设置
为true并且
iframe
所载加页的背景颜色
设置
为transparent(
透明
)时
iframe
将
透明
化。 allowTransparency
设置
或获取对象是否可为
透明
。 bgColor
设置
或...
Layer弹窗入门(下)
内置方法 config全局
设置
ready就绪 open核心方法 alert弹框 confirm询问 msg提示 load加载 tips吸附 close关闭层 closeAll关闭全部 style title重置标题 getChildFrame getFrameIndex
iframe
Auto
iframe
Src setTop...
透明
背景的
iframe
网页中用
iframe
,但经常会被
iframe
把网页原来的背景挡住!
透明
背景
iframe
iframe
框架
透明
样式
对引进的
iframe
样式进行
透明
背景的
设置
可以避免背景颜色的重复
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章