ie下iframe设置背景透明

于 2019-07-30 17:09:11 发布
阅读量210 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/longer/archive/2007/12/04/982632.html
   今天做网站的时候,用到了iframe,以前没怎么在意,今天发现在ff下iframe的背景为父容器的背景,也即是透明的,而在ie下,则为白色.
   在iframe里加上allowtransparency="true" 即将背景设为透明了.

转载于:https://www.cnblogs.com/longer/archive/2007/12/04/982632.html

iframe 框架透明背景，框架透明背景
09-01
IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容，则必须满足下列条件。 1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。 2.在 iframe 内容源文档，background-color 或 body 元素的 bgColor 标签属性必须设置为 transparent。 具体步骤： 1. 包含框架页的代码。 <body bgColor="#eeeeee"> <iframe allowTransparency="true" src="transparent.htm"> </iframe> 2.transparent.htm页的代码。 <body bgColor="transparent"> 特别说明 本例主要是iframe对象的allowTransparency属性应用，在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。 allowTransparency设置或获取对象是否可为透明。 bgColor 设置或获取对象的背景颜色。
iframe背景透明的设置方法
10-26
总结来说，要实现iframe背景透明，需要设置iframe的allowTransparency属性为true，并且在iframe内容的源文档中将背景颜色设置为透明。需要记住的是，即使进行了上述设置，如果iframe中的内容有明确的背景色设置，...
iframe 在IE下透明背景
banshou7059的博客
08-07 161
iframe 在其他主流浏览器下，默认背景是透明的。但是在IE下要通过设置iframe属性来实现背景透明化。 代码如下： frameborder //边框属性 allowtransparency //透明背景属性 scrolling //滚动条属性 <iframe frameborder="no" allowtransparency="true" sc...
让ＩＥ中的IFrame透明
凤凰涅磐，做不老的程序员
12-10 664
除了IE之外的其他浏览器，默认情况下IFrame都是透明的。但IE下默认是白色背景的。那么，如何让IE下的IFrame也能透明呢？ 这时，我们就需要用到一个特殊的特性了： ALLOWTRANSPARENCY="true" 同时，在IFrame中的页面要加上： &lt;body STYLE="background-color:transparent"&gt; 这样就搞定了。 还有一种...
IE浏览器中iframe背景透明
生活在继续
04-06 878
<br />1、首先，在iframe源页面daojishi.aspx增加<body>中设定style="background-color:transparent",即为透明样式<br />2、然后，在<iframe name="main" src="daojishi.aspx"></iframe>之中加入   frameborder="0"和allowTransparency="true"<br /> <br /><iframe src='daojishi.aspx' allowTransparency='
IE浏览器中设置iframe背景透明的方法
weixin_33690367的博客
12-23 234
为什么80%的码农都做不了架构师？>>> ...
iframe框架在IE浏览器下将白色背景设为透明色
09-28
在网页开发中，`iframe`（Inline Frame）是一种嵌入式框架元素，它允许在一个HTML文档...在实际开发中，为了确保兼容性，建议使用CSS来统一处理背景透明，并考虑使用条件注释或JavaScript进行浏览器特定的兼容性修复。
实现iframe透明背景的技术详解与代码示例
实现`iframe`背景透明主要需要两个关键步骤：在父页面的`iframe`标签上使用`allowTransparency`属性，并确保子页面的背景色设置为透明。 #### allowTransparency属性 `allowTransparency`是一个布尔值属性，用来...
iframe框架在IE浏览器，360兼容浏览器下将白色背景设为透明色
weixin_33841503的博客
11-11 163
  &lt;IFRAME ID="Frame1" SRC="transparentBody.htm"&gt;&lt;/IFRAME&gt; iframe在大部分浏览器中是没有背景的，但是IE中默认是有一个白色的背景色， 我测试的是（IE8/360兼容浏览器），当主背景色不是白色的时候，在这一部分会显得很突兀。 帮助手册中给出了解决方案，即将iframe中的allowTransparen...
解决iframe IE8透明不兼容
weixin_33737134的博客
08-22 230
要使 ie8 的 iframe 的透明，需要设置两点：设置 iframe 的 allowTransparency 属性值为 true：<iframe allowtransparency="true" src="test1.html" width="200" height="126"></iframe>设置 iframe 里的页面的 body 的样式背景色为透明：<bo...
ie下iframe的背景色透明设置方法
想飞的鱼
08-18 293
ie下iframe的背景色透明设置方法： &lt;iframe style="background: transparent;" allowTransparency="true" .../&gt;
IE下如何设置iframe背景透明
寂寞城管的专栏
11-12 1470
<br /><br />首先：在iframe标签中加入 allowtransparency="true"属性<br />然后：在调用的页面的<body>标签里加入 style="background:transparent;"<br />示例：<br /><iframe allowtransparency="ture" src="aa.html" width="500" height="500"></iframe><br />aa.html<br /><!DOCTYPE html PUBLIC "-//W3
iframe在IE下将白色背景设为透明色
鲲鹏化羽
06-10 1082
最近在做项目的过程中
iframe在IE中的透明问题与allowTransparency属性
前端开发和UED
02-18 611
使用iframe调用的页面，在IE下（不包括IE9）会以白色背景显示（被调用页面没有设置背景颜色，以及系统的背景颜色默认为白色），如何让其透明？ 网络上已经有很多答案： 在iframe标签中加上 allowTransparency="true" 属性 即： [code="html"][/code] 有人说...
解决ie8下的iframe背景不透明为白色的问题
前端小渣渣
12-26 4278
 'background-color' 特性的默认值为 ''''transparent''''，即透明；但是IE6/IE7/IE8中 BODY 元素的背景色不是 transparent，而是 #FFFFFF;也就是变成了白色的。 在iframe中这个背景是其本身，不是iframe内的html元素的，所以，只对iframe进行相关设置就能去掉这个背景。 IE6/IE7/IE8中却是白色;所
iframe透明的解决办法
南三方---网站设计开发录
01-08 1101
iframe透明的解决办法iframe是迫不得已才使用的，因为使用iframe会带来较多的问题，而有的浏览器可以设置将iframe当作广告屏蔽。在最近的一个工作内容中使用了iframe，开始遇到的问题是iframe高度自适应的问题，这问题在口碑网ued团队博客中找到了解决办法，后来更遇到一个iframe透明的问题通常 iframe底色会是白色，在不同浏览器下可能会有不同的颜色如果主页面
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值