解决IE8 iframe透明的问题

最新推荐文章于 2024-02-22 09:22:55 发布
最新推荐文章于 2024-02-22 09:22:55 发布
阅读量174 收藏
点赞数
原文链接：http://www.cnblogs.com/Queeny-LXY/p/9455681.html
版权

要使 ie8 的 iframe 的透明，需要设置两点：

设置 iframe 的 allowTransparency 属性值为 true：

<iframe allowtransparency="true" src="test1.html" width="200" height="126"></iframe>
设置 iframe 里的页面的 body 的样式背景色为透明：

<body style="background-color:transparent">
frameborder="no"——设置无边框

转载于:https://www.cnblogs.com/Queeny-LXY/p/9455681.html

Bird15926
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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 设置或获取对象的背景颜色。
IE浏览器IFrame对象内存不释放问题解决方法
09-04
总的来说，解决IE浏览器IFrame内存不释放问题的关键在于确保在窗口关闭前正确地清理IFrame对象，这通常涉及到对`src`属性的处理、`contentWindow`的清空以及从DOM中移除IFrame元素。通过编写适当的JavaScript代码并...
解决iframe IE8透明不兼容
weixin_33737134的博客
08-22 192
要使 ie8 的 iframe 的透明，需要设置两点：设置 iframe 的 allowTransparency 属性值为 true：<iframe allowtransparency="true" src="test1.html" width="200" height="126"></iframe>设置 iframe 里的页面的 body 的样式背景色为透明：<bo...
如何让iframe背景色透明
热门推荐
bestlove12345的博客
07-18 1万+
如何让iframe背景色透明 框架页文件设置：  或  方法一： 缺点：iFrame里的白色的都变透明了。 方法二：（个人推荐使用） 还有其它几个写法，可以比较一下：         经测试，  +  allowTransparency="true" 有效 [html] view plain 
让ＩＥ中的IFrame透明
毛竹的专栏
05-22 400
连接：https://blog.csdn.net/szjerrywangyong/article/details/83198326
ie下iframe设置背景透明
weixin_30879169的博客
07-30 168
今天做网站的时候,用到了iframe,以前没怎么在意,今天发现在ff下iframe的背景为父容器的背景,也即是透明的,而在ie下,则为白色. 在iframe里加上allowtransparency="true" 即将背景设为透明了. 转载于:https://www.cnblogs.com/longer/archive/2007/12/04/982632.html...
iframe框架在IE浏览器下将白色背景设为透明色
09-28
在标题提到的问题中，主要涉及如何在IE浏览器下将`iframe`的白色背景设为透明。 首先，`iframe`在大部分现代浏览器中默认是没有背景色的，但在IE浏览器中，`iframe`通常会有一个默认的白色背景。为了使`iframe`与...
JS加载iFrame出现空白问题的解决办法
10-22
总结来说，针对IE6浏览器中使用JavaScript加载iframe时出现的空白问题，可以通过以下方法解决：利用`setTimeout`进行延迟加载、动态修改iframe的`src`属性、使用`document.frames`来控制iframe加载，以及通过控制...
PHP关于IE下的iframe跨域导致session丢失问题解决方法
12-19
P3P头的`CP`参数表示饼干（Cookie）策略，这里的`ALL ADM DEV PSAi COM OUR OTRo STP IND ONL`是一个特定的策略字符串，告诉浏览器这个网站可以接受第三方的Cookie，从而解决IE在iframe中处理Session的问题。...
IE下去掉iframe边框兼容IE7\IE8\IE6以下
09-25
为了解决在IE7和IE8中的边框问题，可以采用JavaScript动态添加iframe的方式。通过创建一个iframe元素，然后设置其frameborder和border属性为0，再将其添加到页面的DOM中，可以确保在IE7和IE8中边框不会显示。值得...
HTML iframe设置背景透明
04-26
NULL 博文链接：https://onestopweb.iteye.com/blog/2356319
如何实现Iframe透明
tangzehuan的专栏
12-12 1557
　　第一次发表文章，有什么写不好的地方请多多包涵，另外想借此机会认识一些从事WEB设计的朋友，tangzehuan@sohu.com  QQ 37878073　　IE5.5和NN6以上的浏览器支持　Frame　，Iframe对象的allowTransparency　方法，如果某对象的背景颜色设置为Transparency的，它将继承包含它容器的特性。我们可以通过这个特性实现透明背景的开／关。
iframe背景透明的设置方法
最新发布
Guanerye0314的博客
02-22 818
父页面子页面
解决Iframe无论怎么设置都无法透明的问题
斯幽柏雷科技
02-15 704
事出反常必有妖,但这次着实我是没想到这么离谱…我怎么也没想到Iframe不透明居然是因为深色模式导致的…
iframe跨域没有权限_浏览器同源策略及跨域（一）
weixin_39726697的博客
12-01 1286
什么是同源策略同源策略最早是由Netscape提出的一种安全策略，目前所有支持JavaScript的浏览器都使用这个策略。同源策略要求：客户端脚本在没有明确授权的情况下，不能读写不同源网址的数据和资源（如HTTP头、Cookie、DOM、localStorage等）。同源策略只是一个规范，并不是强制要求，各大厂商的浏览器只是针对同源策略的一种实现。它是浏览器最核心也是最基本的安全功能，如果缺少了同...
怎么让iframe背景变透明
newBunny的博客
04-30 1139
<iframe id="nnn" width="100%" height="100%" scrolling="no" frameborder="0" allowtransparency="true" src="http://"></iframe> <style> body{ background-color:transparent; }...
iframe背景色透明
Pete很皮
01-10 763
iframe背景色透明办法是设置iframe的属性 allowTransparency="true" 即如：以下是代码片段：而a.html的body也要设置样式 STYLE="background-color:transparent" 即如：以下是代码片段：这样iframe的背景就完全透明了。另外,在背景透明 iframe 里的样式设置背景颜色的话, a.html的透明背景颜色就会被iframe样
ie11 iframe
07-29
在IE11浏览器中使用iframe标签时可能会出现加载不上去的情况。这是因为在IE浏览器上直接添加src属性是无法加载的，所以需要在JS中添加方法来解决这个问题。可以使用如下代码来创建iframe标签并设置src属性： ```javascript var iframe = document.createElement('iframe'); iframe.src = 'your_url_here'; iframe.id = 'cc'; document.body.appendChild(iframe); ``` 这样就可以在IE11浏览器中正常加载iframe了。\[1\] 另外，有时在使用IE10浏览器打开一个声明编码格式为UTF-8的页面时，可能会出现中文乱码问题，而其他浏览器则正常显示。这可能是由于IE10对UTF-8编码的处理方式不同导致的。可以通过在页面的头部添加以下meta标签来解决中文乱码问题： ```html <meta charset="UTF-8"> ``` 这样可以确保IE10正确地解析页面的编码格式，从而避免中文乱码问题。\[2\] 另外，如果在使用IE11浏览器打开一个Vue项目时出现空白的情况，可能是由于缺少babel-polyfill导致的。可以通过安装babel-polyfill来解决这个问题。可以使用以下命令来安装babel-polyfill： ```shell npm install babel-polyfill -D ``` 安装完成后，在项目的入口文件中引入babel-polyfill： ```javascript import 'babel-polyfill'; ``` 这样可以确保在IE11浏览器中正常显示Vue项目。\[3\] #### 引用[.reference_title] - *1* [IE11浏览器无法加载iframe页面的解决方法](https://blog.csdn.net/A_hunteranimal/article/details/103165991)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [IE10、IE11页面中文乱码解决方案](https://blog.csdn.net/weixin_31986143/article/details/117806469)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [vue项目在IE11下空白](https://blog.csdn.net/qq_42345237/article/details/91914503)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值