iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容，为了更好的效果，可能需要使iframe透明效果，那么就需要了解更多的iframe属性，这里简单的整理下，方便需要的朋友
1、iframe 定义和用法
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
HTML 与 XHTML 之间的差异
在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。
提示和注释：
提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。
iframe标签是成对出现的,以<iframe>开始,</iframe>结束
iframe标签内的内容可以做为浏览器不支持iframe标签时显示
属性
示例
代码如下:
<iframe src="http://www.jb51.net" width="200" height="500">
使用了框架技术，但是您的浏览器不支持框架，请升级您的浏览器以便正常访问脚本之家。
</iframe>
使用像素定义iframe框架大小
代码如下:
<iframe src="http://www.baidu.com" width="20%" height="50%">
使用了框架技术，但是您的浏览器不支持框架，请升级您的浏览器以便正常访问脚本之家。
</iframe>
使用百分比定义iframe框架大小
2、iframe 透明
在transparentBody.htm文件的<body>标签中，我已经加入了style="background-color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解：
代码如下:
<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME>
<IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME>
<IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME>
<IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>
iframe是迫不得已才使用的，因为使用iframe会带来较多的问题，而有的浏览器可以设置将iframe当作广告屏蔽。
在最近的一个工作内容中使用了iframe，开始遇到的问题是iframe高度自适应的问题，这问题在口碑网ued团队博客中找到了解决办法，后来更遇到一个iframe透明的问题
通常 iframe底色会是白色，在不同浏览器下可能会有不同的颜色
如果主页面有一个整体的背景色或者背景图片的时候
iframe区域便会出现一个白色块，与主体页面不协调，这就需要iframe透明
通过google搜索iframe透明找到了解决办法
代码如下:
<iframe src="./ads_top_tian.html" allowtransparency="true" frameborder="0" width="470" height="308" scrolling="no"></iframe>当然前提是iframe页面中没有设置颜色
[code]
注：iframe透明主要是使用了 allowtransparency="true"
<strong>3、iframe自适应高度
</strong>由于篇幅过长，大家可以移步这里查看
<a target="_blank" href="http://www.jb51.net/article/15780.htm">http://www.jb51.net/article/15780.htm</a>
<strong>4、通过js输出iframe广告代码
</strong>[code]
document.write('<iframe align=middle marginwidth=0 marginheight=0 src="http://img.jb51.net/imgby/468_1.htm" frameborder=no scrolling=no width=660 height=80></iframe>');
5、有时候我们需要考虑用户的浏览器是否支持iframe标签，那么就需要如下的写法
代码如下:
<iframe frameborder="0" name="Iframe1" src="http://www.jb51.net/" height="200">
您的浏览器不支持嵌入式框架，或者当前配置为不显示嵌入式框架。
</iframe>
- 2016年南充市住房公积金管理中心公招工作人员考试总成绩公告
- 云南中医学院教务处2016年见习岗位招聘公告
- 南充市房地产管理局交易与权属管理中心/顺庆办事处2015年公招拟聘用人员公示
- 南充市公路管理局直属分局2015年招聘工作人员考试总成绩公告
- 2016年嘉兴市卫生计生委直属医院招聘卫生专业技术人员公告(第1号)
- 2016年嘉兴市卫生计生委直属医院招聘卫生专业技术人员计划
- 南充市环境监测中心站2015年招聘工作人员体检公告
- 南充市考试指导中心/南充市劳动人事争议仲裁院2015年招聘考调工作人员体检公告
- 2016年南充市民政局局属南充市身心医院招聘工作人员面试补充公告
- 2016年安阳水文水资源勘测局招聘人员公告
- 六盘水市商务粮食局2016年遴选所属事业单位工作人员的公告
- 2016年广东机电职业技术学院招聘高职教育研究人员启事
- 2015年巴中市南江县从大学生村官中考核招聘乡镇工作人员考察合格人员名单公示
- 山东省立医院2016年博士毕业生招聘条件
- 2015年邵阳市直属医疗卫生单位招聘工作人员公告
- 2016年黔东南州雷山县东城/西城社区推选小区网格管理员微机测试/面试总成绩单公示
- 山东省立医院2016年博士招聘提交材料格式
- 中山市人民医院2016级培训学员招收公告(补招录)
- 2015年丽水市景宁畲族自治县事业单位招聘工作人员拟聘用人员公示(五)
- 中国测试技术研究院2015年12月招聘工作人员拟聘用人员公示
- 2016年武汉大学土木建筑工程学院科研及学科建设秘书招聘启事
- 山东省立医院2016年博士毕业生招聘计划
- 2015年邵阳市直属医疗卫生事业单位招聘工作人员职位表
- 武汉大学生命科学学院2016年实验技术人员招聘启事
- 绵阳市平武县2015年从三支一扶高校毕业生中定向招聘工作人员拟聘人员公示
- core-deposits
- core earnings
- core-earnings
- core element
- core function
- core functionality
- core functionality
- core gameplay
- core gameplay
- core inflation
- 鹤骨霜髯
- 鹤骨鸡肤
- 鹤骨龙筋
- 鹤鸣之士
- 鹦鹉学舌
- 鹪巢蚊睫
- 鹬蚌相争
- 鹬蚌相危
- 鹬蚌相持
- 鹬蚌相持，渔人得利
- 六年级寒假优秀日记
- 寒假优秀日记三年级十篇
- 四年级寒假日记300字十篇
- 寒假生活日记500字
- 小学生寒假日记精选
- 三年级学生寒假日记精选
- 3年级的春节日记
- 关于一年级五一的日记
- 一年级清明节的日记
- 2年级快乐的春节日记