IE中iframe兼容性问题

在使用iframe的时候，有时候想要让调用的iframe框架里面的不显示白背景，让它变得透明，在firefox是透明的，但是在IE浏览器却不透明。

这个其实比较容易解决，只需要增加一个属性即可。

就是在iframe标签中加入属性allowtransparency="true"

我看到网上有些写的还要在iframe调用的页面body中加入style="background-color:transparent"，这个其实在IE6和以上版本的浏览器是不需要的，这个对应只是在IE5.5浏览器才需要。但是一定要注意再页面中千万不能加入任何背景或者背景色，这样才能实现出透明效果。

如果被调用的页面时我们不能控制的，可以使用：IFRAME.contentWindow.documnet.body.backgroundColor="transparent"来使其透明。

时间： 2024-11-06 21:49:39

IE中iframe兼容性问题的相关文章

ios中iframe的scroll滚动事件替代方法

在公众号的开发中,遇到ios中iframe的scroll滚动事件失效,在此做下记录. 因为接口获取的数据必须放在iframe中展示,滚动到底部按钮变亮,如图: 代码如下: <!DOCTYPE html> <html> <head> <title>贷款合同</title> <% include ../include/header.html %> </head> <body style="background:

ASP.NET—010：ASP.NET中iframe的写法

在做Asp.net项目中,visual studio 2010创建项目时总会带有default.aspx页.其实也就是所谓的首页,比如以前总喜欢定义一个Index.aspx.然后,所有功能页面从这个页面进去.我也比较喜欢这样用. 之前在default上写了不少frameset,大约是收了html的影响.实际上当我仔细看代码时,发现asp.net并不支持frameset,它支持的是ifram.还是改过来吧. ifram用法也很简单.如下: <head id="Head1" runa

在head标签里加一个meta标签让指定ie使用特定内核解决css在ie中的兼容性问题

通过jQuery.support看javascript中的兼容性问题

我们知道,jQuery.support是jQuery中检测兼容性问题的最重要方法.注意,这里仅仅是检测,其具体的解决兼容性方法是利用其“钩子机制”实现. 首先来看源码,一窥究竟. 引用源码:jQuery.1.10.2 jQuery.support = (function( support ) { var all, a, input, select, fragment, opt, eventName, isSupported, i, div = document.createElement("di

python selenium中iframe切换、window切换方法

一.selenium中iframe切换方法: 方法一:switch_to.frame frame函数中提供了三种定位方法: driver.switch_to.frame('frame_name') driver.switch_to.frame(1) driver.switch_to.frame(driver.find_elements_by_tag_name("iframe")[0]) 以腾讯课堂为例: from selenium import webdriver from time

html页面中iframe导致JavaScript失效

<body onload="reset()"> <div id="part1"> some thing here .... <div> <ifame src="xxxx"/> <script> function reset(){ var height = window.innerHeight; document.getElementById("part1").styl

百度editor富文本编辑器在火狐浏览器中的兼容性

最近做项目的时候遇到了百度的一个神器:editor富文本编辑器.但是也遇到了很多兼容性的问题,现在写一段随笔一起分享一下: 第一:在火狐浏览器中,该编辑器部分的编辑功能按钮不能显示可以看出,在火狐浏览器中只会显示编辑框,而上面的编辑按钮缺没有.(但是在IE7,IE8上不能显示的原因在于新版本中屏蔽了 anonymous()方法,可以通过修改eWebEditor的JS文件来修正错误) 解决方案:打开火狐-->工具栏-->“工具”-->"添加附件",使用搜索功能来搜索“

angular中iframe的ng-src属性

如果直接写路径到iframe标签里的ng-src中会出现报错:如果在src属性中用了{{path}}也会出错 ($scope.path = '路径'); 解决方法: 1.ng里面有个服务是专门用来解决跨域问题的 $sce.(需要注入这个服务) 用法: $scope.someUrl = $sce.trustAsResourceUrl('路径');例: <iframe ng-src="{{someUrl}}" height="100%" width="

div中iframe高度自适应问题

网页分为上.中.下三部分,上.下高度固定中间高度自适应:中间分为左.右两部分,左边宽度固定,右边宽度自适应.现在右侧div是宽度和高度都是自适应,右侧div里有个IFrame,想让IFrame自适应外部div的宽度和高度? 我自己做的时候出现的问题是:当ifame的width和height设置为100%时,iframe会被挤出div,下滑到div的下面.然后我试了很多网上说的也没有解决,然后加了个东西就不会出现那种情况了下面为我的div的js设置 //window.onresize表示窗口触发