IE浏览器中iframe背景透明

最新推荐文章于 2019-07-30 17:09:11 发布
原创 最新推荐文章于 2019-07-30 17:09:11 发布 · 894 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#iframe #浏览器 #ie #border

本文介绍如何通过设置iframe的样式属性使背景变为透明，并确保边框不可见。具体操作包括修改iframe源页面的body样式和在iframe标签中加入特定属性。

1、首先，在iframe源页面daojishi.aspx增加<body>中设定style="background-color:transparent",即为透明样式

2、然后，在<iframe name="main" src="daojishi.aspx"></iframe>之中加入   frameborder="0"和allowTransparency="true"

 

<iframe src='daojishi.aspx' allowTransparency='true' scrolling='no'  border='0' frameborder='0' width=180 height=30></iframe>


iframe背景透明效果搞定。
代码中
allowTransparency指是否允许透明,
frameborder="0"是指边框为不可见。

HTML iframe设置背景透明
04-26
NULL 博文链接：https://onestopweb.iteye.com/blog/2356319
iframe框架在IE浏览器下将白色背景设为透明色
09-28
然而，不同浏览器对`iframe`的处理方式可能存在差异，尤其是在老旧版本的IE浏览器中。在标题提到的问题中，主要涉及如何在IE浏览器下将`iframe`的白色背景设为透明。 首先，`iframe`在大部分现代浏览器中默认是没有...
iframe 在IE下透明背景
banshou7059的博客
08-07 173
iframe 在其他主流浏览器下，默认背景是透明的。但是在IE下要通过设置iframe属性来实现背景透明化。 代码如下： frameborder //边框属性 allowtransparency //透明背景属性 scrolling //滚动条属性 <iframe frameborder="no" allowtransparency="true" sc...
让ＩＥ中的IFrame透明
凤凰涅磐，做不老的程序员
12-10 677
除了IE之外的其他浏览器，默认情况下IFrame都是透明的。但IE下默认是白色背景的。那么，如何让IE下的IFrame也能透明呢？ 这时，我们就需要用到一个特殊的特性了： ALLOWTRANSPARENCY="true" 同时，在IFrame中的页面要加上： &lt;body STYLE="background-color:transparent"&gt; 这样就搞定了。 还有一种...
allowTransparency含义 嵌套透明
想飞的鱼的专栏
04-22 1480
 1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。2.在 iframe 内容源文档，background-color 或 body 元素的 bgColor 标签属性必须设置为 transparent。具体步骤： 1. 包含框架页的代码。2.transparent.htm页的代码。特别说明本例主要是iframe对象的allowTranspa
ie下iframe设置背景透明
weixin_30879169的博客
07-30 222
今天做网站的时候,用到了iframe,以前没怎么在意,今天发现在ff下iframe的背景为父容器的背景,也即是透明的,而在ie下,则为白色. 在iframe里加上allowtransparency="true" 即将背景设为透明了. 转载于:https://www.cnblogs.com/longer/archive/2007/12/04/982632.html...
实现iframe透明背景的技术方法与效果展示
通过CSS和JavaScript的结合使用，虽然不能直接使iframe背景透明，但可以在视觉上模拟出透明效果。在设计时要注意响应式和兼容性问题，并在实现过程中考虑安全性与性能问题。随着Web技术的发展，未来的HTML和CSS标准...
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
10-22
在IE浏览器中，Fancybox使用CSS滤镜（filter）属性来处理透明PNG图片，这是IE6至IE8浏览器对透明PNG支持的一种方法。在1.3.1版本中，当遇到这个问题时，会发现`.fancybox-ie #fancybox-close`这个CSS类中的背景被...
IE浏览器下的CSS z-index问题深度解析
在IE浏览器中，z-index的实现有时会带来一些困扰，特别是在IE6中： 1. **拼爹的时代** 在IE6中，z-index的行为受到其父元素的影响。即使子元素的z-index设置得很高，如果其父元素没有设置z-index，子元素的堆叠...
IE下如何设置iframe背景透明
寂寞城管的专栏
11-12 1481
<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 transparent透明背景方法
10-30
不错的使iframe透明的方法不用每次都要改iframe里的背景颜色了
IE浏览器中设置iframe背景透明的方法
weixin_33690367的博客
12-23 243
为什么80%的码农都做不了架构师？>>> ...
iframe背景透明
ccaakkee的专栏
04-27 1043
在标签中，加入style="background-color=transparent" 通过以下四种IFRAME的写法实现对iframe背景透明效果： 　
iframe背景色透明
分享干货，拒绝水文
01-10 881
iframe背景色透明办法是设置iframe的属性 allowTransparency="true" 即如：以下是代码片段：而a.html的body也要设置样式 STYLE="background-color:transparent" 即如：以下是代码片段：这样iframe的背景就完全透明了。另外,在背景透明 iframe 里的样式设置背景颜色的话, a.html的透明背景颜色就会被iframe样
设置iframe背景透明
maseccc的专栏
10-12 895
通常iframe背景是白色的，在不同浏览器下可能会有不同的背景颜色，在主页面有一个整体的背景颜色或者背景图片的时候，iframe区域便会出现一个白色块，与主体页面很不协调，这时候就需要让iframe背景透明。这里需要用到一个特殊的特性： allowtransparency="t
iframe 设置背景透明
06-15 142
加上这个属性, 初始化iframe. <iframe src="" frameborder="0" allowTransparency="true"></iframe></iframe> 然后body{ background-color: transparent; } 转载于:https://www.cnblogs.com/x...
ie浏览器透明背景设置
unique_jx的博客
10-11 3102
ie浏览器透明度设置 body { background: #ddd; color: #fff; margin: 0 auto; } /*ie9以及 以上*/ .pages{ background: rgba(0,0,
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值