我们的一个系统的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显示高度自适应问题 在Web开发中,`iframe`(Inline Frame)元素常被用于嵌入另一个HTML文档到当前页面中,这种技术为开发者提供了极大的便利,例如加载广告、...
而在兼容模式下,它会尝试模仿之前的版本(如IE7)的行为,以确保老网站的正确显示。在某些情况下,特别是当网页代码依赖于IE7的特定行为时,我们需要强制IE8使用这种模式。 要让IE8运行在IE7兼容模式,关键在于...
为了解决这个问题,开发者们创造了一种名为“DD_belatedPNG”的JavaScript库,它通过JavaScript模拟了PNG透明效果,从而使得在IE6上可以正常显示这些图片。 DD_belatedPNG的核心原理是利用VML(Vector Markup ...
在IE6浏览器中,开发人员可能会遇到一个特定的问题:使用`innerHTML`属性向DOM元素动态添加...然而,对于那些还需要支持IE6的项目,上述方法是一个有效的解决方案,能够帮助你避免此类问题,确保`iframe`的正常显示。
对于ie9以上版本的浏览器,尤其是当尝试禁用后方页面滚动时,可能需要更复杂的解决方案。可能的问题在于,新的浏览器标准对固定定位和iframe的交互有了不同的处理方式。为了解决这个问题,开发者可能需要使用...
当在一个页面(A页面)中使用iframe来加载另一个页面(B页面)时,如果B页面的内容超过了iframe的高度或宽度限制,可能会导致在A页面中出现不必要的滚动条,或者无法正常显示B页面的内容。这种情况下的滚动条问题...
在深入探讨如何解决IE6下iframe出现横向滚动条的问题之前,我们需要了解几个关键的前端技术概念,包括iframe的使用、IE6浏览器的特殊性以及CSS(层叠样式表)和JavaScript(JS)的运用。 首先,iframe(内联框架)...
调用方法如下: <INPUT type="hidden" name="content1" value="测试"> <iframe id="eWebEditor1" src="ewebeditor.htm?id=content1& frameborder="0" scrolling="no" width="580" height="350"></...
本文将详细介绍如何在父窗口中操作`iframe`中的元素,并确保该方法能在不同的浏览器中(特别是IE和Firefox)正常工作。 #### 二、背景知识 在讨论具体实现之前,我们先了解一下相关的基础知识: 1. **`iframe`...
上面提到的方法在大多数现代浏览器中都能正常工作,但在一些旧版本的浏览器(如IE6/7)中可能会出现问题。为了提高兼容性,可以采用以下JavaScript脚本来处理不同浏览器的差异: ```javascript var getFFVersion =...
对于IE9及更高版本,由于浏览器对iframe和滚动行为的支持差异,可能需要特别的处理。在描述中提到,当尝试禁止iframe内部滚动时,可能导致错误。这可能是因为这些浏览器的滚动事件处理或iframe的滚动属性处理与其它...
总结来说,针对IE6浏览器中使用JavaScript加载iframe时出现的空白问题,可以通过以下方法解决:利用`setTimeout`进行延迟加载、动态修改iframe的`src`属性、使用`document.frames`来控制iframe加载,以及通过控制...
"Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...
本文将详细讲解如何使用JavaScript实现`iframe`自适应高度的解决方案,确保在各种主流浏览器中都能正常工作。 首先,理解`iframe`的基本结构和属性是至关重要的。`iframe`标签通常包含`src`属性,用于指定要加载的...
`iframe`可以让网页在不离开当前页面的情况下加载其他HTML文档,从而实现内容的分块显示或者部分更新。在这个场景下,涉及到的一个常见需求就是如何用JavaScript在主页面与`iframe`页面之间互相调用函数,以便于进行...
3. **兼容性处理**:为了确保在不支持iframe或需要显示隐藏iframe的情况下也能正常工作,代码还提供了额外的处理逻辑,如通过`document.all`或`document.getElementById`来获取元素,并控制其display属性。...
在这个例子中,`src`属性指定了`iframe`要加载的页面路径,`width`和`height`定义了`iframe`的尺寸,`frameborder="0"`用于去除边框,`scrolling="auto"`控制滚动条的显示,而`style`属性设置了`iframe`的位置。...
为了确保`iframe`能正常显示,开发者需要考虑这些设置并提供相应的提示或备选方案。 7. **HTML5的新特性兼容** 随着HTML5的发展,`iframe`引入了一些新特性,如`sandbox`属性和`srcdoc`属性。这些在Firefox中可能...
然而,不同浏览器对JavaScript操作`iframe`元素的支持方式有所不同,尤其是在处理跨域安全性和兼容性方面。本文将详细介绍如何使用JavaScript在`iframe`框架中获取值,同时兼容IE、Firefox、Chrome等主流浏览器。 ...