`

IE9下iframe显示异常的处理方法

阅读更多
我们的一个系统的iframe中的内容,发现在IE9下无法正常显示,而在IE8下是正常的。

查过很多网上的资料,发现都说IE9下使用iframe会有很多问题。

最后的解决办法是:

(1)在<head>标签里增加如下内容:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
(2)注释掉原先的html头:
<!--
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-->

注:注释掉html头可能不是最好的方法,网上说这样“可能”会导致布局问题。

原理就是使用低版本的IE策略渲染页面,希望可以帮到遇到此类问题的朋友。
分享到:
评论

相关推荐

    解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题

    ### 解决IE、Firefox、Chrome、Safari浏览器中iframe显示高度自适应问题 在Web开发中,`iframe`(Inline Frame)元素常被用于嵌入另一个HTML文档到当前页面中,这种技术为开发者提供了极大的便利,例如加载广告、...

    IE8调用IE7渲染模式,网页高度根据内容高度显示

    而在兼容模式下,它会尝试模仿之前的版本(如IE7)的行为,以确保老网站的正确显示。在某些情况下,特别是当网页代码依赖于IE7的特定行为时,我们需要强制IE8使用这种模式。 要让IE8运行在IE7兼容模式,关键在于...

    DD_belatedPNG.js解决IE6浏览器下的PNG透明图片显示问题

    为了解决这个问题,开发者们创造了一种名为“DD_belatedPNG”的JavaScript库,它通过JavaScript模拟了PNG透明效果,从而使得在IE6上可以正常显示这些图片。 DD_belatedPNG的核心原理是利用VML(Vector Markup ...

    IE6 innerHTML写入的iframe src不显示BUG的解决方法

    在IE6浏览器中,开发人员可能会遇到一个特定的问题:使用`innerHTML`属性向DOM元素动态添加...然而,对于那些还需要支持IE6的项目,上述方法是一个有效的解决方案,能够帮助你避免此类问题,确保`iframe`的正常显示。

    弹出窗口__iframe

    对于ie9以上版本的浏览器,尤其是当尝试禁用后方页面滚动时,可能需要更复杂的解决方案。可能的问题在于,新的浏览器标准对固定定位和iframe的交互有了不同的处理方式。为了解决这个问题,开发者可能需要使用...

    完全搞定iframe(框架)里的滚动条.doc

    当在一个页面(A页面)中使用iframe来加载另一个页面(B页面)时,如果B页面的内容超过了iframe的高度或宽度限制,可能会导致在A页面中出现不必要的滚动条,或者无法正常显示B页面的内容。这种情况下的滚动条问题...

    iframe在IE6下出现横向滚动条的解决方案

    在深入探讨如何解决IE6下iframe出现横向滚动条的问题之前,我们需要了解几个关键的前端技术概念,包括iframe的使用、IE6浏览器的特殊性以及CSS(层叠样式表)和JavaScript(JS)的运用。 首先,iframe(内联框架)...

    eWebeditor 修正版 (解决在IE9-IE11, Chrome , 火狐 无法正常显示问题) 已测试!

    调用方法如下: &lt;INPUT type="hidden" name="content1" value="测试"&gt; &lt;iframe id="eWebEditor1" src="ewebeditor.htm?id=content1& frameborder="0" scrolling="no" width="580" height="350"&gt;&lt;/...

    获取iframe值 文件下载

    本文将详细介绍如何在父窗口中操作`iframe`中的元素,并确保该方法能在不同的浏览器中(特别是IE和Firefox)正常工作。 #### 二、背景知识 在讨论具体实现之前,我们先了解一下相关的基础知识: 1. **`iframe`...

    iframe自适应高度和宽度

    上面提到的方法在大多数现代浏览器中都能正常工作,但在一些旧版本的浏览器(如IE6/7)中可能会出现问题。为了提高兼容性,可以采用以下JavaScript脚本来处理不同浏览器的差异: ```javascript var getFFVersion =...

    弹出窗口_iframe_最终版

    对于IE9及更高版本,由于浏览器对iframe和滚动行为的支持差异,可能需要特别的处理。在描述中提到,当尝试禁止iframe内部滚动时,可能导致错误。这可能是因为这些浏览器的滚动事件处理或iframe的滚动属性处理与其它...

    JS加载iFrame出现空白问题的解决办法

    总结来说,针对IE6浏览器中使用JavaScript加载iframe时出现的空白问题,可以通过以下方法解决:利用`setTimeout`进行延迟加载、动态修改iframe的`src`属性、使用`document.frames`来控制iframe加载,以及通过控制...

    Iframe高度自适应(兼容IE/Firefox、同域/跨域)

    "Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...

    js实现iframe自适应高度

    本文将详细讲解如何使用JavaScript实现`iframe`自适应高度的解决方案,确保在各种主流浏览器中都能正常工作。 首先,理解`iframe`的基本结构和属性是至关重要的。`iframe`标签通常包含`src`属性,用于指定要加载的...

    嵌入到HTML的iframe自动适应大小

    3. **兼容性处理**:为了确保在不支持iframe或需要显示隐藏iframe的情况下也能正常工作,代码还提供了额外的处理逻辑,如通过`document.all`或`document.getElementById`来获取元素,并控制其display属性。...

    在vue中实现嵌套页面(iframe)

    在这个例子中,`src`属性指定了`iframe`要加载的页面路径,`width`和`height`定义了`iframe`的尺寸,`frameborder="0"`用于去除边框,`scrolling="auto"`控制滚动条的显示,而`style`属性设置了`iframe`的位置。...

    iframe和firefox的兼容。

    为了确保`iframe`能正常显示,开发者需要考虑这些设置并提供相应的提示或备选方案。 7. **HTML5的新特性兼容** 随着HTML5的发展,`iframe`引入了一些新特性,如`sandbox`属性和`srcdoc`属性。这些在Firefox中可能...

    iframe自适应高度(兼容多种浏览器)

    然而,默认情况下,`iframe`的高度是固定的,这可能会导致内容显示不完全或者出现不必要的滚动条。因此,实现`iframe`的高度自适应对于优化用户体验、提高页面美观度具有重要意义。 #### 一、需求分析 本案例的...

    解决IE6下三级下拉菜单被select遮挡的问题.docx

    在IE6浏览器中,由于其自身的布局和渲染机制存在一些bug,导致在实现多级下拉菜单时,可能会出现下拉菜单被页面中的`&lt;select&gt;`元素...通过上述方法,我们可以有效地解决这个问题,确保在IE6环境下下拉菜单的正常显示。

Global site tag (gtag.js) - Google Analytics