`

IE8下iframe中嵌套帆软报表页面显示空白问题

阅读更多
前两天项目组发现一个问题,在IE8下使用标签页+iframe显示多个页面的时候,打开其他页面都正常,但是打开使用帆软报表软件(FineReport)开发的报表页面就显示空白,奇怪的的是看状态栏有加载相应页面,而且改变一下iframe的窗口大小(例如按F11全屏)页面就会立刻显示出来,感觉就是页面从服务端加载后受到什么阻塞没有最终渲染出来。问题很难诊断,特别是现在都升级到IE9/IE10了,使用开发人员调试工具(F12)切换成IE8的浏览器模式查看时运行正常(可能是修复了以前的BUG),远程到项目组查看又各种慢和不方便,把我纠结死。今天在同事的帮助下,借助她电脑上的IE8,经过反复测试验证,终于打到了问题所在T_T,赶紧记录下来,以免忘记。

由于整体是使用了DIV+iframe搭的框架,DIV元素有absolute和relative各种定位,而影响报表页面加载的“罪魁祸首”即是iframe上层节点中"position:relative"的定位(我还是更怪罪IE8的BUG!其他版本IE及其他浏览器都米有问题呀~~),解决方法非常简单:iframe样式也加上"position:relative"。

但我现在仍然不明白为什么上层节点(不一定是父节点)设置过position而iframe不指定postion就会出现这样的问题,目前怀疑是因为帆软报表页面里面有一些去判断或计算外层窗口位置的脚本,可能在计算时出现了问题影响到页面渲染。如有哪位大虾路过并且知道原因的,烦请相告,谢谢~
分享到:
评论
4 楼 llbz33 2016-08-18  
支持,问题解决了。使用了DIV+iframe,结果ie7 ie9都正常,ie8下得hover它的兄弟元素才会显示,找了好久原因,坑死我了
3 楼 qingyuexiao 2014-08-07  
上官竹 写道
大侠,这种情况有没有别的解决办法呀,,,,,

这个要具体情况具体调试了,我遇到的个问题改下样式就好了
2 楼 上官竹 2014-04-27  
大侠,这种情况有没有别的解决办法呀,,,,,
1 楼 wcnjeusr 2013-12-20  
支持下,问题解决了。该死的ie

相关推荐

    报表工具FineReport中如何把报表放到网页中显示

    为了避免此类问题,建议始终使用`<iframe>`的方式将报表嵌入到Web页面中。 如果需要调用FineReport内部的JavaScript方法(例如打印功能),可以通过`<iframe>`获取报表对象,然后调用相应的方法。具体的实现细节...

    Web报表FineReport页面如何传递中文参数

    在使用报表开发工具FineReport设计web报表时,经常需要嵌入iframe到页面中,并给iframe的src属性指定报表地址的同时传递参数值。在参数值、参数名称以及报表名称中,如果包含中文字符或特殊字符,直接传递可能会导致...

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

    在Vue.js中实现嵌套页面通常涉及到使用`iframe`元素来加载外部网页或者内部组件。`iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常...

    iframe中页面显示不全1

    当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入内容的尺寸不匹配导致的。下面将详细探讨如何解决这一问题以及相关的知识点。 首先,我们需要了解`<iframe>`的基本结构和属性。...

    iframe跨域嵌套自适应高度

    本文将详细介绍如何实现`iframe`跨域嵌套下的自适应高度调整,并讨论如何解决因跨域嵌套而可能引起的`session`丢失问题。 #### 一、`iframe`自适应高度原理与实现 1. **基本概念**: - **`iframe`**:`iframe`即...

    报表开发工具FineReport中如何把报表放到网页中显示

    iFrame允许在一个页面中嵌套另一个页面,这对于集成报表来说非常方便。只需设置iFrame的`src`属性为报表的URL即可。 **示例代码**: ```html <iframe id="reportFrame" width="900" height="400" src="/WebReport/...

    div嵌套html不用iframe

    最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....

    iframe嵌套web纯前端页面,运用Bootstrap(v5.1)技术

    iframe实现左侧菜单右侧页面简单示例。点击左侧菜单,右侧显示不同html内容,并加有css样式,美观实用。很简单的界面,没有多余功能。博文网址:https://blog.csdn.net/LawrenceUyi31?type=blog

    拖拽一个iframe中的div 在另一个iframe页面中显示

    标题 "拖拽一个iframe中的div 在另一个iframe页面中显示" 描述了在Web开发中一个交互性的技术,涉及跨框架(iframe)通信和DOM操作。这个技术主要应用于创建富交互的用户界面,允许用户在不同的iframe之间传递和操作...

    flex iframe 支持在flash中嵌套入html jsp asp php等

    flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex...

    嵌套iFrame使用postMessage相互传递消息(嵌套iFrame、跨父子窗口、跨页面).zip

    练习说明:使用postMessage可以在iFrame、父子窗口、跨页面等,之间相互传递消息。 你好,我是TKCB-GO,一个有着游戏策划梦想,却沦为程序员的游戏家,这是我的技术博客:www.tkcb.cc 技术博客网站里面,除了我的...

    防止被IFRAME嵌套并自动跳到首页代码.rar

    标题 "防止被IFRAME嵌套并自动跳到首页代码.rar" 涉及到的是一种常见的网络安全策略,主要用于防止网站被恶意嵌入到其他站点的IFRAME中。IFRAME是HTML的一种元素,允许在同一个网页中嵌入另一个网页,这在某些情况下...

    实现iframe嵌套,适合CMS,CRM等后台框架

    在CMS(内容管理系统)和CRM(客户关系管理)等后台框架中,iframe的应用尤为广泛,因为它提供了多页面内容的并行显示,而无需频繁地加载整个页面,提升了用户体验。下面我们将深入探讨iframe的实现方式、优点以及...

    IFrame中Session丢失的解决办法

    P3P是一种隐私偏好平台,它影响了IE对第三方Cookies的处理,尤其是当它们嵌套在IFrame中时。 ### 解决方案 针对IFrame中Session丢失的问题,可以采取以下几种策略: 1. **使用StateServer模式管理Session:** 在...

    HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧

    iframe自动适应高度(完美自适应高度嵌套代码),兼容目前主流浏览器。

    在网页开发中,`iframe`(Inline Frame)是一种非常有用的元素,它允许我们在一个页面中嵌入另一个页面的内容。然而,`iframe`的高度自动适应往往成为开发者面临的问题,特别是当嵌入的内容高度不确定时。标题提到的...

    iframe弹出框遮罩父类页面

    在网页开发中,有时我们需要实现一个功能,即在iframe中打开一个新的弹出窗口,并且这个弹出窗口能够遮罩住其父级页面,提供一种更好的用户体验。标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中...

    ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容

    在***中实现点击左边页面链接时,右边iframe框架显示对应链接页面的内容,是一种常见的网页布局模式,经常被用于后台管理系统中。这种布局允许用户在一个窗口内操作导航,而在另一个子窗口内查看和处理内容,从而...

Global site tag (gtag.js) - Google Analytics