1、在使用iframe调用的页面，IE（不包含ie9）会以白色背景显示（如果调用的页面没有设置背景颜色），如何让其透明?
1、 在iframe标签上加上allowTransparency="true"属性
2、 嵌入的页面body设置：
background:transparent;
说明：
- 针对iframe特殊属性
- 仅对ie起到一定的作用
- allowTransparency属性设置的时候方式也可以直接 allowTransparency
zhangyaochun
- 浏览: 2560824 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
1
顶
顶
4
踩
踩
分享到：
发表评论
-
动态创建style并写入
2013-08-06 11:35 0动态创建style标签，并写入内容： ... -
array中最后一个空元素的差异
2013-06-05 16:53 1410本文来自w3help的一篇《SJ2007: ... -
History全兼容方案之ie6-7
2013-05-08 16:01 1571在IE6-7中无法使用hash来产生历史记录 ... -
new Date返回值的差异
2013-01-04 11:37 2029//返回当前的时间 new Date(); ... -
IE下加载flash相关
2012-12-17 10:21 1346case: IE在加载flash的时候，需要对Obj ... -
IE下删除自定义属性的兼容性问题
2012-12-17 10:02 2809很多时候我们会给某个dom元素赋予一些自定义的属 ... -
获取flash对象
2012-12-03 15:06 1639场景：获取swf对象 先上一张图： 来自 ... -
关于cssText的差异
2012-10-10 19:56 2152其实很多人应该接触过cssText这个style对象的属性。 ... -
getAttribute和setAttribute设置style的兼容问题
2012-10-10 19:25 3060其实前面写过一篇“获取和设置目标元素的属性值”的，本文补充说明 ... -
关于script标签的onerror事件
2012-10-01 01:56 7940其实写过jsonp相关api或者了解jsonp原理的同学其实都 ... -
获取head元素
2012-09-17 15:21 1843先上一段jquery 1.7.1版本的代码片段： ... -
navigator对象获取浏览器语言的兼容性
2012-09-09 20:37 2303关于navigator对象中与语言相关的属性直接的差异 ... -
document.uniqueID
2012-09-07 14:16 2529uniqueID 是IE 私有的只读属性 ... -
关于textarea下空格和回车
2012-08-07 18:10 19981、关于textarea下的回车： IE下：\r ... -
关于window.close()各大浏览器兼容的解决方案
2012-06-16 16:39 15516前言： 很多人可能没有关注过window. ... -
关于动态修改script标签的src的值引发的一些思考
2012-05-10 16:07 7212前言： 最近在逛各家UED博客的时候，在w3ctech ... -
DOM-hasAttribute方法
2012-05-06 17:30 1694DOM hasAttribute()方法 ... -
获取页面编码
2012-05-03 19:44 1327简单记录，个人学习 document.char ... -
选择器那些事之querySelector与querySelectorAll
2012-04-03 19:39 1726querySelector 和 querySelectorAl ... -
parentElement与parentNode
2012-03-05 10:19 3447个人学习，简单记录。 获取父元素的区别 ...
相关推荐
本例主要是iframe对象的allowTransparency属性应用，在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。 allowTransparency设置或获取对象是否可为透明。 bgColor 设置或...
iframe src="./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308" scrolling="no"></iframe>
问题：在index.html 中，iframe 引入son.html，在son.html 中如何点击某个操作，实现屏蔽整个...iframe name=”res” class=”iframestyle” allowtransparency=”true” src=”son.html” frameborder=”0″ scrolling
iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe> <...
帮助手册中给出了解决方案，即将iframe中的allowTransparent属性设置为true，即可。在帮助文档中也给出了相应的示例，示例如下： 复制代码代码如下: <BODY STYLE=”background-color: red”> <IFRAME ID=...
iframe使用方法： 复制代码代码如下:<DIV align=center><...” width=168 height=50 scrolling=no ALLOWTRANSPARENCY=”true”></IFRAME> 说明：这是一个嵌入含有天气预报的应用实例。这个
iframe src=”test.jsp” width=”100″ height=”50″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe> <iframe runat...
sina微博：<iframe width=”120″ height=”24″ frameborder=”0″ allowtransparency=”true” marginwidth=”0″ marginheight=”0″ scrolling=”no” border=”0″ src=”...</iframe QQ空间：<...
01.让背景图不滚动 IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动: 〈Body Background=... ＜iframe src="about:＜body style='background:transparent'＞" allowtransparency＞＜/iframe＞
scrolling="no" allowtransparency="yes"></iframe> 设置html内容，获取html内容，监听内容变化，初始化完成事件 var ueIframeWin = document.getElementById("editormd").contentWindow; setTimeout...
<script type="text/javascript">document.write('<iframe src="{APP_PATH}index.php?m=member&c=index&a=mini&forward='+encodeURIComponent(location.href)+'&siteid={get_siteid()}" allowTransparency="true" ...
iframe src=" " allowtransparency="true" frameborder="0" scrolling="0" width= "170" height="30"></iframe> [ ng-widgets 目录： 介绍 ng-widgets 是一个充满你在 angular 中缺少的东西...
iframe src =“ ” allowtransparency =“ true” frameborder =“ 0”滚动=“ 0” width =“ 110” height =“ 20”> </ iframe> 用法>vim xpt.cfor产生： for (i = 0; i < len> ， <tab> ..来浏览“ i”...
安装说明： ...修改方法文件中有说明。 2，上传到论坛自建flash目录 ...3，在后台添加页内文字广告-广告代码 ...IFRAME src="http://www.bikelx.com/flash/index.htm" ... allowTransparency></IFRAME>
iframe src =" http://coreyburmeister.com/discogs-buttons/discogs-btn.html?user=cburmeister&type=collection&size=large " allowtransparency =" true " frameborder =" 0 " scrolling =" 0 " width =" 190 " ...
<style> ul {list-style-type：none; 边距：0; 填充：0; 溢出：隐藏； 边框：1px实线＃e7e7e7; 背景颜色：＃f3f3f3; } li {float：left;...iframe src =“ ” allowtransparency =“ true” w
iframe src =“ ” width =“ 100％” height =“ 250” frameborder =“ 0” allowtransparency =“ true” allow =“ encrypted-media”> </ iframe>支持Saweran 别忘了NGUPUK锯床，这样我们就可以在连续...
iframe src =“ // benschwarz.github.io/bower-badges/embed.html?pkgname=” width =“ 160” height =“ 32” allowtransparency =“ true” frameborder =“ 0” scrolling =“ 0”> </ iframe> 一种将...
iframe src =“ ” width =“ 300” height =“ 380” frameborder =“ 0” allowtransparency =“ true” allow =“ encrypted-media”> < / iframe>（ ） 与我联系： 语言和工具： :television: 最新的...
iframe src=" " allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></ iframe> <style> h1 { 颜色：白色； 文本对齐：居中； } body { 背景色：...