IE6 bug:iframe空白,无法显示内容

解决iframe实时获取资源页面显示空白的问题 1、问题起源   在使用公司平台开发的时候,内部窗口使用的是iframe,iframe内部的内容是通过定时器一分钟一次获取最新的数据渲染在页面上。   以上看起来是没有什么问题,但是会造成用户体验问题: 当用户打开其他页面后,超过一分钟后,定时器已经调用了一次,但是用户在返回到那个页面,iframe的内容是一个空白的白板。使用F12在浏览器的开发者模式里面,DOM结构里面的innerHtml是有内容的,但是不知道为什么没有显示出来。我也很懵逼! 2、解决方式 (1)判断用户是否还在平台页面 (2) 阅读详情

在IE6中,iframe空白,无法显示内容的原因可能是对iframe使用了border样式。

我对iframe使用的css样式

iframe {
    width: 606px;
    height: 448px;
    padding-bottom: 0;
    overflow: auto;
    margin: 0 auto;
    padding-top: 0;
    border-left:1px solid #FFF;
    border-right:1px solid #FFF;   
}

修改后

iframe {
    width: 606px;
    height: 448px;
    padding-bottom: 0;
    overflow: auto;
    margin: 0 auto;
    padding-top: 0;
    border-left:1px solid #FFF;
    border-right:1px solid #FFF;
    /*for ie6, 如果有border, iframe中的内容将无法显示*/
    _border:none;
   
}

在IE6下,并非所有嵌入iframe都会遇到这种情况。

IE兼容IE6,IE7,IE8,IE9,IE10js文件 解决IE兼容IE6,IE7,IE8,IE9,IE10js文件 立即下载

相关推荐

Android流畅度优化实战:从掉帧定位到布局与渲染调优

在移动应用开发中,性能优化是决定用户体验与留存率的关键环节,其中Android流畅度优化更是核心命题。用户感知的“卡顿”往往并非持续低帧率,而是由于掉帧率波动引发的偶发不流畅。本文从性能优化理论出发,系统讲解如何使用Systrace、CPU Profiler等工具定位掉帧瓶颈,深入分析布局层级过深、过度绘制、对象分配与GC压力等常见诱因。同时结合冷启动耗时、列表滚动掉帧、Bitmap加载等真实工程案例,阐述从应用层到系统层的分级优化策略,并给出低端机适配、异步化改造及线上监控体系搭建的实践方案。内容覆盖布局

weixin_29185493的博客 201

IE下iframe不能正常加载,显示空白

下午帮忙看了一个web问题,index.html中嵌入来加载同文件目录下的一个页面,在多个浏览器下测试,发现IE浏览器中会出现问题,不能正常加载,显示空白页,右键属性为"_blank" 。          一开始,想到的是src属性的问题,可能是路径不对,但是经过不同浏览器测试,不存在路径问题。         单独把src路径拿出来,贴到IE浏览器中,发现页面加载没问题。通过分析,问题应该出现

纪争光 4万+

TYPE-C接口电路设计篇(一)

常见USB接口类型 随着USB Type-C接口的推行,USB Type-C是一种通用串行总线(USB)的硬件接口形式,USB Type-C接口在消费类产品普及程度越来越高,常见的适配器、笔电、手机等产品都兼容USB Type-C设计,接口多元化逐渐趋向归一,从而可以看出USB Type-C的重要性。 在了解USB Type-C接口之前,我们先来回顾下USB Type-A和USB Type-B接口,USB3.0 Type-A和Type-B接口定义分别如下。 USB 3.0...

JWu的博客 3万+

vue+iframe预览pdf,页面显示pdf外框但是内容空白解决

vue项目中有一个页面需要预览pdf,根据列表切换pdf显示的效果。

weixin_42567822的博客 5116

点云处理实操(四) -PCL中的点云三角化

点云处理实操(四) -PCL中的点云三角化

cangqiongxiaoye的博客 939

【软件系统架构】系列六:MBSE(基于模型的系统工程)

基于模型的系统工程(MBSE)是一种以模型为核心的系统工程方法论,通过结构化、可视化的模型取代传统文档,实现从需求到验证的全生命周期管理。MBSE采用SysML建模语言,包含需求、功能、架构和验证四大要素,支持自动追踪、仿真分析和代码生成。相比文档式工程,MBSE具有变更影响自动分析、跨团队协作和高可视化等优势,广泛应用于航空航天、汽车电子等领域。典型开发流程包括需求建模、行为建模、架构建模等阶段,配合MagicDraw、Cameo等工具链实现。MBSE正与数字孪生、AI技术融合,推动自动化建模和智能验证的

moton2017的博客 2784

使用Iframe打印预览pdf,兼容谷歌火狐浏览器

- 点击页面的打印按钮,可以调用浏览器的打印功能,并预览打印pdf文件。 - 解决火狐浏览器出现about:blank问题。

qq_40567849的博客 4626

AUTOSAR汽车电子嵌入式编程精讲300篇-基于加密算法的车载CAN总线安全通信

随着科学技术的不断更新和社会文明的不断进步,汽车已经走入寻常百姓家, 成为当代社会必不可少的交通工具。伴随着互联网技术的飞速发展,汽车也不再 是一个简单的交通工具,已经逐渐发展成为一个集出行、通信、娱乐等功能于一 身的综合智能体,进而推动了车联网产业的蓬勃发展。车联网是在传统汽车的框架上安装了传感器、执行器、控制器等分布式和集 中式控制器,使汽车具备环境感知、协同控制、优化执行等功能,并通过网络技 术实现与车外环境的信息共享,给驾驶带来方便的同时也终将成为可以替代人操 作的新一代汽车[1-3]。

getusushu的博客 2591

iframe框架显示空白页的原因及解决办法

今天上午突然发现前几天用着没有问题的iframe框架竟然显示空白页了,很是郁闷。从debug的角度来说,这次改错真是失败,明明是很简单的一个问题,结果被我耗费了半天的时间,可惜可惜。 下面说一下是怎么回事吧。 iframe框架显示空白页,有head和body标签,但是里面都没有内容。 最后查出错误,原来是我的网站设置了https,但是iframe的src我用的还是http,从而导致这个地址被...

yumon321的博客 3万+

4、同轴3 - RRR球面并联机构运动分析与自主移动农业水果采摘机器人设计

本文研究了同轴3-RRR球面并联机构的运动学与速度分析,采用几何与数值方法进行位置分析,并利用螺旋理论简化雅可比矩阵的推导,通过ADAMS仿真验证了结果的准确性。同时提出一种新型自主移动农业水果采摘机器人设计,具备多功能末端执行器、水果软管转移系统和配重式静态稳定性结构,旨在减少采摘损伤、提升效率。文章还探讨了该机构在机器人控制与仿真中的应用潜力,以及采摘机器人在智能化升级与多机协作方面的发展方向。

y4z5a6b7的博客 246

【agent实操】OpenClaw玩转股票分析多个AI智能体(agent)出谋划策

本文介绍了一个基于OpenClaw的多Agent股票分析系统。该系统采用"三人组+总调度"模式,包含三个核心Agent:小牛马(策略中枢)、牛老二(基本面分析师)和牛老三(技术面分析师)。相比单Agent模式,该系统具有分析更专业、权限分级更安全、成本控制更优等优势。文章详细说明了系统部署的6个步骤,包括创建独立Agent工作区、配置专属人设与技能等,并提供了环境检查命令和验证方法。通过这种多Agent协作的方式,可以实现更专业、更安全的股票分析。

海兰 807

关于ie6下iframe的高度bug

有个三列布局: ......... 样式上已经给三个div加了宽度和左浮动,布局没问题。 程序员要把右面的div用iframe来实现,即把#right的浮动和宽度加到了iframe上面,...放到了iframe里面。如下: ......    ...  iframe的高度是由程序来控制的,高度不定。 结果,在ie7及firef

jsuzzy的专栏 2494

基于情感分析+聚类分析+LDA主题分析对服装产品类的消费者评论分析

本研究旨在通过对服装产品类的消费者评论进行综合分析,为企业提供更全面、更深入的市场洞察和决策支持。同时,本研究的方法和结果也可以为其他领域的消费者评论分析提供借鉴和参考。

m0_64336780的博客 2万+

IE6 动态创建 iframe 无法显示的 bug,万恶的IE6

情况一,触发源是 a 标签,带href 属性 (不正常) 情况二,触发源是 a 标签,但没有 href 属性,利用onclick事件(正常显示) 情况三,触发源是 button 标签,利用onclick事件(正常显示) document.getElementById('c_btn').onclick = function () { document.getElementB...

diehe5608的博客 221

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

[工作问题总结]IE6 下iframe 空白 实践解决

------------------------------ASP.Net+Android+IO开发 .Net培训 期待与您交流!------------------------------   有关这个问题,我在网上找了好多解决方案,但用到我这边一个都不管用,发现很多时候都会遇到这种情况,所谓的......完美解决方案,不一定适合自己. 每个人开发环境不同吧,就拿这个问题来说,网上有不使用

彭家贰小姐﹎ゞ桂香︺殘 788

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

IE6之iframe中内容不显示BUG

iframe做弹窗页面,突然发现弹出的窗口在IE6下什么都么有..|虽然微软都放弃IE6了,但是根据国内的行情还不知道得用多久呢..没办法找资料吧。大致看了下网上的结论:1.SRC参数过长(这个没试过);2.src属性的位置,只要这个属性不直接跟在 3.触发源是 a 标签(因为源案例在IE6下测试是没有问题的,所以我目前就是这个问题。)改成其他标签测试就是正常的了。另外一种解决方法: 触发...

axl---专心专注于web前端开发 361

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

IE6 bug之 无法显示动态创建的iframe

动态弹出浮层,跨域加载一个 iframe 页面,发现 IE6 下无法正常显示。见图所示: 最初怀疑是 innerHTML 方式创建 iframe 节点导致的: document.getElementById('a').innerHTML = ''; 但这样操作实际测试 IE6 是可以正常显示 iframe 页面的。百度之,发现同类问题有,但大多都是拷贝复制,没一个靠谱

java学习开发 728

IE6 动态创建 iframe 无法显示的 bug

动态弹出浮层,跨域加载一个 iframe 页面,发现 IE6 下无法正常显示。见图所示: 最初怀疑是 innerHTML 方式创建 iframe 节点导致的: document.getElementById('a').innerHTML = ''; 但这样操作实际测试 IE6 是可以正常显示 iframe 页面的。百度之,发现同类问题有,但大多都是拷贝复制,没一个靠谱的。 做了几个简单

cui_angel的专栏 1079

IE6下动态嵌入iframe无法显示

为了实现提示框效果,从而使用动态嵌入iframe方案,但是实施过程中IE7下正常,IE6需要刷新才可正常显示,如下: [code="js"] this.open = function(_sUrl) { this.show(); var openIframe = ""; myInnerHTML('dialogBody', openIframe); } [...

Dead_Knight的专栏 251

cordova ios wkwebview iframe引入页面在真机上显示空白,cookie,session失效的问题

说明:因为最近在整理项目的一些资料,顺便记录一下之前工作中遇到的一些其他问题,不喜勿喷。 背景:自从项目从uiwebview更换成wkwebview后,iOS端原本在uiwebview上运行的好好的项目,在wkwebview上频繁出现bug,当时都差点吐了,开玩笑的,虽然难搞,但是还是得继续搬砖。 问题1:cordova ios工程换成wkwebview后,iframe引入的页面在真机上无法加载,显示空白页面?同样的设置,在uiwebview上确是好好的? 解决办法1:打开工程,在staging目录下

qq_34469600的博客 4166

解决在iframe页面里使用了DD_belatedPNG后显示空白的bug

解决在iframe页面里使用了DD_belatedPNG后显示空白的bug<br />IE6不支持png的图片,DD_belatedPNG这个js脚本可以使png图片或背景透明,http://www.dillerdesign.com/experiment/DD_belatedPNG/ 。但在使用过程中发现一个问题,当页面嵌在iframe里面时,显示的是空白,什么都看不到,问题出现在下面这个地方:if(a.currentStyle.position=="static"){a.style.position="

斗战圣Q 2278

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

前两天项目组发现一个问题,在IE8下使用标签页+iframe显示多个页面的时候,打开其他页面都正常,但是打开使用帆软报表软件(FineReport)开发的报表页面就显示空白,奇怪的的是看状态栏有加载相应页面,而且改变一下iframe的窗口大小(例如按F11全屏)页面就会立刻显示出来,感觉就是页面从服务端加载后受到什么阻塞没有最终渲染出来。问题很难诊断,特别是现在都升级到IE9/IE10了,使用开发...

qingyuexiao的专栏 2491
上一篇: JavaScript Flash Detection Library (Flash Detect)
下一篇: Flash 与 div 层次(z-index)
FuDesign2008
博客等级 码龄18年 44粉丝 119原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值