育路网学员服务电话:021-64691126

网页设计技巧:如何让iframe背景透明?

作者:上海育路网  发布时间:2013-03-22  来源:上海育路网

 iframe:浮动帧标记 (子页,页中页)。 


通常iframe底色会是白色,但如果页面有一个整体的背景色或者背景图片的时候 

iframe区域出现一个白色块,与主体页面不协调,这就需要让iframe背景透明。 

iframe基本格式: 

<iframe src="http://www.xin126.cn/soft_index.asp" width="num-w" height=" num-h" scrolling="auto" frameborder="0" name="name-iframe" > 
</iframe> 

设置背景透明的iframe浮动框架,必须同时满足两个条件: 

一、<iframe>标记的allowTransparency属性值为true,即<iframe allowTransparency="true"> 

二、浮动框架链接的源文档的<body>标记的bgcolor属性值为transparent,即 
<body bgcolor="transparent"> 

如parent.html页面嵌入iframe,iframe内链接的页面为son.html 

相应代码: 

parent.html  

<HTML> 
<HEAD>中国网页设计www.xin126.cn原创:如何让iframe背景透明 </HEAD> 
<BODY bgColor="#EEFFBB"> 
<TABLE> 
<tr><th> 
设置背景透明的浮动框架<P></th></tr> 
<tr><td> 
<IFRAME Src="son.html" allowTransparency="true"></td></tr> 
</TABLE> 
</BODY> 
</HTML>


son.html  

<HTML> 
<HEAD> </HEAD> 
<BODY bgColor="transparent"> 
中国网页设计-亚洲最大、最权威的网页制作网页设计教程基地:包含html、css、Javascript、dreamweaver、flash、photoshop、asp、PHP、.net、jsp等教程及网页制作素材,网页设计欣赏,免费空间,网站推广等资源
</BODY> 
</HTML>

话题推荐:

上海平面设计培训网页设计培训室内效果图设计培训班,是AdobeAutodesk官方指定考点,考试通过获得全球通用证书。自2005年以来培训学员达5000人以上,顺利实现就业的超过4500人,三大校区就近入学,名师指导,实战教学,免费补考,认证通过率超过90%

优惠:三人团报,可享九折优惠,单人报名网上支付优惠50元,老学员推荐优惠50元,多报优惠多,千万别错过!

  咨询电话:021-5156701651567017

  咨询QQ 1506812822  245814948

  更多点击进入培训专题介绍>>>>

更多

更多上海计算机信息请访问:上海计算机培训网
上海计算机培训咨询电话:021-51602254
课程搜索:
免责声明
① 由于各方面情况不断调整与变化,育路网所提供的所有考试信息仅供参考,请考生以权威部门公布的正式信息为准。
② 本站注明稿件来源为其他媒体的文/图等稿件均为转载稿,本站转载出于非商业性的教育和科研之目的,并不意味着 赞同其观点或证实其内容的真实性。如转载稿涉及版权等问题,请作者在两周内速来电或来函联系。
③ 凡本站注明“稿件来源:上海育路网”的所有文字、图片和音视频稿件,版权均属本网所有,任何媒体、网站或个 人未经本网协议授权不得转载、链接、转贴或以其他方式复制发表。已经本站协议授权的媒体、网站,在下载使用时必 须注明“稿件来源:上海育路网”,违者本站将依法追究责任。
论坛话题
关于育路 | 企业理念 | 诚聘英才 | 商务合作 | 网站声明
全国免费热线:400-631-6616、021-51860462 邮箱:sh_yuloo#163.com (发送邮件时请将#换成@)
@2006-2016上海育路网络科技有限公司版权所有
网站备案:京ICP备10025267号-13 | 京公网安备110108904040号
友荐云推荐