今天几个同事将原先在IE开发的WEB系统在FF上测试，碰到IFRAME的问题。
代码如下：
HTML代码
- <iframe frameBorder='0' width="100%" height="100%" scrolling='auto' src='"+sUrl+"' >对不起，您的浏览器不支持IFRAME!iframe>
在FF中不能页面打开后没有按设置的width="100%",height="100%"显示。只能以iframe的默认大小显示。
经过2各小时的测验，解决办法如下:
css 代码
- html,body,table,th,td,div,iframe {
- width:100%;
- height:100%;
- }
-
- div {
- position:absolute;
- }
xml 代码
- <div><iframe frameBorder='0' scrolling='auto' src='"+sUrl+"' >对不起，您的浏览器不支持IFRAME!iframe>div>
问题解决。至于为什么iframe外面要套一个div
，原因不知道。上次做带复选框的下拉框也是采用差不多的技术。
分享到：
相关推荐
本文将详细介绍如何在各种浏览器，包括Internet Explorer（IE）和Firefox（FF）等主流浏览器中，正确地获取Iframe中的内容。 首先，理解Iframe的基本概念。Iframe是一种HTML元素，允许我们在一个网页中嵌入另一个...
在开发Web应用时，兼容性问题常常困扰着开发者，尤其是针对不同的浏览器，如Internet Explorer（IE）和Mozilla Firefox（FF）。这两个浏览器在处理JavaScript和CSS样式时存在诸多差异，这使得代码在不同环境下表现不...
通过使用jQuery来实现iframe的高度自适应，我们可以确保内容在不同浏览器（包括IE、Firefox、Safari和Chrome）中的显示一致性，无论iframe内嵌的页面有多复杂。 首先，我们需要理解iframe的基本概念。IFrame，即...
【IE6以下】 iframe边框通过css设定在FF下正常在ie下却还存在边框，通过在iframe标签内部设置属性 frameborder="no" border="0" 可以去掉讨厌的iframe边框。 <iframe src="url“ id="iframe" width="0" height="0...
在图片上传场景下，IFrame常用于解决跨域问题和模拟POST提交，因为它可以创建一个独立的上下文环境，使得文件上传操作不会影响到主页面。 以下是实现步骤： 1. 创建一个`<input type="file">`元素，让用户选择需要...
标题中提到的“兼容ie6、ie7、ie8 和FF的本地上传图片预览”主要涉及以下技术点： 1. **FileReader API**：这是一个HTML5的新特性，用于读取文件。在支持的浏览器中，可以通过`FileReader.readAsDataURL(file)`方法...
2. 在早期版本的 Internet Explorer 浏览器（如 IE6 和 IE7）中，使用 document.frames['iframe 名称'] 方法。 3. 为了兼容所有主流浏览器，推荐使用跨浏览器的方法：通过 id 获取 iframe 元素，然后访问其 ...
而在IE中，则可以使用iframe来覆盖select控件，以达到控制显示层级的目的。 在JavaScript的条件判断中，undefined、null、false和0在IE和Firefox中被视作相等，这在使用条件判断语句时需要注意。 综上所述，了解并...
在这个案例中，iframe被用来模拟异步通信，因为古老的IE浏览器（尤其是版本7及以下）不支持Ajax的XMLHttpRequest对象，而iframe可以提供一种替代方式来实现跨域通信和数据交换。 2. **Ajax（异步JavaScript和XML）*...
7. **浏览器兼容性**: 题目中提到了ie/ff/chrome，这意味着该解决方案考虑了Internet Explorer、Firefox和Chrome这三大主流浏览器的兼容性问题。对于老版本的IE，可能需要额外的适配代码来确保功能正常运行。 8. **...
代码如下: var iframe = document.createElement... 使用IE中“查看选定区域源代码”发现创建的iframe代码是<IFRAME frameborder=0/>，网上搜了下资料，原来是IE不认小写，我晕死…. 使用 代码如下: setAttribute
在网页开发中，`iframe`（Inline Frame）是一种嵌入其他HTML文档的元素，它允许我们在一个页面中显示另一个页面的内容。在实际应用中，尤其是当`iframe`内容的高度不可预知时，自适应高度的功能变得尤为重要，因为它...
本文将根据作者从事网站前端编程两年的经验总结，针对Internet Explorer（简称IE）和Mozilla Firefox（简称FF或Firefox）这两种常用浏览器的兼容性问题进行深入探讨，并提出相应的解决技巧。 #### 二、具体兼容技巧...
在提供的“兼容ie678 and FF的本地图片预览.html”文件中，开发者可能采用了`<iframe>`或`ActiveXObject`来实现预览。`<iframe>`可以创建一个独立的浏览上下文，这样可以在不影响主页面的情况下加载和显示图片。而`...
为了解决这个问题，我们可以利用JavaScript库jQuery来实现IFrame的高度自适应，确保无论内容如何变化，IFrame都能够自动调整高度以适应其内容，同时兼容不同的浏览器，如IE、Firefox、Safari和Chrome。 首先，我们...
在最初的测试中，这个函数在IE和FF上表现良好，但在Opera上遇到了问题。原因是Opera浏览器在处理`iframe`内容时使用`contentWindow`而不是`contentDocument`。因此，针对Opera的调整是必要的。 改进后的JavaScript...