文档章节

IE下iframe显示空白

木子丰
 木子丰
发布于 2014/01/09 17:45
字数 403
阅读 6789
收藏 7
点赞 1
评论 1

IE8下iframe显示正常,IE9下却是空白
这个问题搞了几天了(根本原因也不清楚,反正与IE的兼容问题离不开)总之就觉得IE越来越垃圾了;

中间的坎坷就不说了,直接说出解决问题的方法吧:

页面加上如下头信息:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

IE 的文档兼容模式(X-UA-Compatible),指定浏览器以哪个版本来渲染页面,content可以是IE=5/IE=6/IE=7/IE=8/IE=9/IE=edge/chrome=1
有的有EmulateIE字样,有的没有,经测试也没发现什么不同效果

Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染。感觉这个还是不要用的好。

chrome=1:强制 IE 使用 Chrome Frame 渲染,当然前提是系统环境中有chrome内核,这是谷歌针对IE设计的一个框架。如果系统环境中chrome,页面头信息中指定了chrome=1,则IE会使用该内核进行页面渲染,解决部分样式IE下显示异常的问题。

网上找到的说是2者可以结合使用

<meta http-equiv="X-UA-Compatible" content="IE=8,chrome=1" />

不过试了试语法虽没错误,却没有双重功效,IE下部分样式还是有问题


© 著作权归作者所有

木子丰
粉丝 17
博文 236
码字总数 68754
作品 0
郑州
程序员
加载中

评论(1)

樊兵山
樊兵山
帮助解决了iframe在IE下不显示的问题,谢谢
frame,iframe,frameset之间的关系与区别

■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会...

brucebao ⋅ 2013/09/30 ⋅ 0

如何设置iframe高度自适应,在跨域的情况下能做到吗?

  在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法。在父页面中给定一个不带滚动条的iframe,然后对属性src指定一个可加载的页面,这样当父页面被访问的时候,子页面可以...

恐空控 ⋅ 2013/09/01 ⋅ 1

ios的Safari浏览器滚动条问题?

程序在ios的浏览器上访问,有一个页面是用iframe嵌套的,在iframe页面里是一个查询界面和显示结果的table,页面的布局是用 easyui做的,table是嵌在一个tab下的,在电脑端iframe里的页面超出...

malie0 ⋅ 2014/10/24 ⋅ 1

两种div 隐藏和显示方式的区别

一.方式1:隐藏后仍占有页面空间,显示空白 div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 style="visibility: none;" document.getElementById("typediv1").style.visi...

谢思华 ⋅ 2014/04/03 ⋅ 0

火狐浏览器下调用Ueditor出现问题

火狐浏览器下 js: $('#id').dialog("open") 弹窗显示编辑页面,编辑器调用了Ueditor 但是无法编辑,编辑器容器用的是,编辑器能完整显示 但是不能编辑内容。 在其他浏览器上都是正常的,只在火...

co_o2o ⋅ 2014/10/22 ⋅ 0

火狐浏览器下调用Ueditor出现问题

火狐浏览器下 js: $('#id').dialog("open") 弹窗显示编辑页面,编辑器调用了Ueditor 但是无法编辑,编辑器容器用的是,编辑器能完整显示 但是不能编辑内容。 在其他浏览器上都是正常的,只在火...

co_o2o ⋅ 2014/10/22 ⋅ 0

360安全浏览器中iframe顶部会产生多余空白

网站前台设计果然是个很苦逼的活,各种兼容问题叫人欲哭无泪,目前发现360安全浏览器中iframe顶部居然产生多余空白,而其他浏览器都没问题。前几天,网站中要用到广告联盟中的广告代码(是调...

XunXun10 ⋅ 2012/06/20 ⋅ 4

【转】 跨浏览器的iframe onload 事件监听

From: http://hqlong.com/tag/iframe 经常会遇到这样一种情况。 在iframe里嵌入另外一个页面时。如果iframe载入的页面响应较快,或许我们感觉不到页面载入的不同步,但试想,如果一个需要内嵌...

山哥 ⋅ 2011/09/19 ⋅ 0

firefox、IE下的几个不同属性的方法调用

声明:document.all:该对象只有IE中才存在,故用该对象来判断浏览器的类型 一、IFRAME的对象 在IE下可通过document.frames["id"];得到该IFRAME对象, 而在火狐下则是通过document.getEleme...

黄梦巍 ⋅ 2014/05/29 ⋅ 0

记一次在object空间上加悬浮工具条过程

之前客户提了一个需求:原本应用中有一个页面如下面的布局: 页面上面的是一个工具条:下面是word在线编辑区域,工具条中有些功能是word本身不存在的;代码如下: <frameset> </frameset> 现在...

林俊龙 ⋅ 2014/03/18 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

收集自网络的wordpress 分页导航的代码教程(全网最全版)

wordpress 分页导航是用来切换文章的一个功能,添加了 wordpress 分页导航后,用户即可自由到达指定的页面数浏览分类文章,而这样的一个很简单功能却有很多朋友在用插件:WP-PageNavi,插件的...

Rhymo-Wu ⋅ 18分钟前 ⋅ 0

微服务 WildFly Swarm 入门

Hello World 就像前面章节中的其他框架一样,我们希望添加一些基本的 Hello-world 功能,然后在其上逐步添加更多的功能。让我们从在我们的项目中创建一个 HolaResources 开始。您可以使用您的...

woshixin ⋅ 25分钟前 ⋅ 0

Maven的安装和Eclipse的配置

1. 下载Maven 下载地址 2. 解压压缩包,放到自己习惯的硬盘中 此处我将其放到了 D:\Tools 目录下。 3. 配置环境变量 右键此电脑 -> 属性 -> 高级系统设置 -> 环境变量。 在系统变量中新建,变...

影狼 ⋅ 32分钟前 ⋅ 0

python pip使用国内镜像的方法

国内源 清华:https://pypi.tuna.tsinghua.edu.cn/simple 阿里云:http://mirrors.aliyun.com/pypi/simple/ 中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/ 华中理工大学:http://......

良言 ⋅ 33分钟前 ⋅ 0

对于url变化的spa应该如何使用微信jssdk

使用vue单页面碰上微信jssdk config验证失败的坑。第一次成功 之后切换页面全部失败,找到了解决方法,第一次验证成功后保存验证信息 切换页面时验证信息直接拿来用,加一个wx.error() 失败时...

孙冠峰 ⋅ 37分钟前 ⋅ 0

Spring Cloud Gateway 一般集成

SCF发布,带来很多新东西,不过少了点教程,打开方式又和以前的不一样,比如这个SCG,压根就没有入门指导,所以这里写一个,以备后用。 一、集成 pom.xml <dependency> <groupI...

kut ⋅ 41分钟前 ⋅ 0

建造模式

《JAVA与模式》之建造模式

Cobbage ⋅ 55分钟前 ⋅ 0

WePY框架开发的小程序如何在微信web开发者工具中运行起来

一、首先需要安装node.js,安装步骤如下: 首先下载安装包 https://nodejs.org/en/download/ 点击下载相应的zip版本 然后将文件夹解压到任意目录 比如我这里解压到了:C:\Program Files\node...

Helios51 ⋅ 今天 ⋅ 0

使用EnumSet 代替位域(32)

1、位域(Bit field):使用or 运算将几个常量合并到一个集合中 位操作,可以有效地执行 AND 、OR 这样的位操作 但是 位域比int 常量枚举缺点更多 2、java.util 包里面的EnumSet 类是有效的替...

职业搬砖20年 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部