IE9下不能100%显示iframe问题的三种解决方法

最新推荐文章于 2022-07-25 17:35:04 发布
最新推荐文章于 2022-07-25 17:35:04 发布
阅读量3.3k 收藏 1
点赞数
分类专栏： 前端处理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shajinlengyan/article/details/39778811
版权
方法一：如果在IE8可以显示IE9显示不了，可以降低版本，让网页用低版本显示页面内容，但是其他的显示会受到影响。
（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"> 

--> 

但是很奇怪。。第一次修改是可以的。。然后我想尝试下别的。。再改回去就不灵了


方法二：就是每次要把div的值找出来然后根据屏幕大小来设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html  xmlns = "http://www.w3.org/1999/xhtml" >
< head >
     < meta  http-equiv = "Content-Type"  content = "text/html; charset=utf-8"  />
     < title >Test</ title >
     < style >
         body, html
         {
             width: 100%;
             height: 100%;
             margin: 0;
             padding: 0;
         }
         .content
         {
             width: 100%;
             height: 100%;
         }
         .contentframe
         {
             width: 100%;
             height: 100%;
         }
     </ style >
 
     < script  type = "text/javascript" >
         function setContentWidth() {
             document.getElementById("content").style.width = document.body.clientWidth - 250 + "px";
         }
     </ script >
 
</ head >
< body  onload = "setContentWidth();" >
     < div  style = "width: 250px; height: 100%; float: left; background: #99C" >
         < a  href = "2.htm"  target = "rightframe" >fsdf</ a >< br  />
         < a  href = "3.htm"  target = "rightframe" >fsfsafsa</ a >
     </ div >
     < div  style = "float: left; background: #960; height: 100%; position: relative" >
         < div  class = "content"  id = "content" >
             < iframe  scrolling = "no"  frameborder = "0"  src = "2.htm"  class = "contentframe"  name = "rightframe"
                 id = "Iframe1" ></ iframe >
         </ div >
     </ div >
</ body >
</ html >

方法三：我最后用的办法是这样的

   <td width="100%" height="530px" align="center" valign="top"><iframe id="f2" name="f2" height="100%" width="100%" border="0" frameborder="0" src="../index-adv-admin.php"> 浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</iframe></td>
  </tr>


直接设置了height的高度。。但是这样的话不同的尺寸就不行了，所以重新修改了一下。。

#forie{
height:530px;!impotant
}

就是放弃了IE能够自适应高度了。。只能在其他浏览器随便改变尺寸。。暂时就这样。。没什么好办法。。


二十年纠缠不休黏着性系西瓜二郎
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iframe中页面显示不全1
08-08
Iframe装载在div中，设置iframe的大小。
IE9中Media queries在iframe无效的解决方法
weixin_34110749的博客
01-08 322
在css中有5个media querie @media screen and(min-width:0px)and(max-width:319px){ body {background-color:red;}}@media screen and(min-width:320px)and(max-width:480px){ body {background-color:oran...
iframe不能完全显示
l1134的博客
11-12 3470
html代码使用 iframe 不能完全显示，代码如下 <div className={styles.knowledgeRouteStyle} style={{ width: '100%', height: '95%', touchAction: ' none', overflowY: 'scroll' }} > <iframe id="iframe_detl" name="iframe_a" fr
iframe不完全显示的解决方法
热门推荐
lujianfeiccie2009的专栏
05-18 3万+
<br /><br />如果在页面中用到了iframe标签，有时在浏览器中并不能完全显示iframe，导致有些iframe内的内容不能被显示，如果遇到这种情况，使用以下js可以解决大多数问题。<br /> <br />这是iframe标签：<iframemarginwidth="0" src=" " marginheight="0" width="100%" name="i" id="urlIframe" frameborder="0" scrolling="no" onload="reinitIframe
iframe不能全部显示
jpw2409
12-01 963
解决方法：DOCTYPE头部声明去掉就可以了 关键应该在width="100%" height="100%这儿，xhtml和html对width的解释是不一样的。你可以给width赋个实值（例如200px）
IE6 innerHTML写入的iframe src不显示BUG的解决方法
12-13
IE下得标签BUG有很多，这次是用innerHTML写入的iframe 不显示，在网上查了很久，终于找出了元凶，标签的href属性导致了BUG无法显示，这个属性去掉就好了，以后遇到在IE下得标签BUG，先尝试去掉href这个属性，说不定...
IE6下div层被select控件遮住的问题解决方法
12-13
总结来说，面对IE6中的`div`层被`select`控件遮住的问题，我们可以利用`iframe`作为遮罩，并通过设置`z-index`和动态调整`iframe`尺寸的方法来解决。虽然这个方法在现代浏览器中可能不再适用，但对于仍然需要支持IE6...
div被iframe遮住的几种情况及解决方法
09-28
给大家介绍了div被iframe遮住的一些情况，以及被遮住后的解决办法，有需要的朋友们可以参考借鉴。
Vue 后台管理类项目兼容IE9+的方法示例
12-11
最近项目进入到了第三方集成的环节，集成第三方监控非... 在IE下由于没有promise，所以axios不能用了； 在涉及到flex、fixed、absolute定位时，IE浏览器下的显示效果有较大的区别； excel表单导出异常； 部分使用的
在iframe 中视频可以正常播放，但是就是不能全屏。解决方法
qq_38472451的博客
05-17 1352
在iframe 中视频可以正常播放，但是就是不能全屏。解决方法
iframe显示全部内容代码
05-19
iframe显示全部内容代码；使iframeneutral全部内容没有拖拽栏。
iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题
06-03
Iframe自动根据类容改变自己的大小，解决Iframe设置高度后无法缩小！拜一个高人所赐，特表示感谢！
页面中用到iframe不能完全显示的解决方案
weixin_30493401的博客
10-27 827
页面中用到iframe不能完全显示的解决方案 如果在页面中用到了iframe标签，有时在浏览器中并不能完全显示iframe，导致有些iframe内的内容不能被显示，如果遇到这种情况，使用以下js可以解决大多数问题。 这是iframe标签： <iframe marginwidth="0" src=" " marginheigh...
解决Iframe无法全屏问题
qq_36701692的博客
08-02 1万+
代码如下 <iframe width="100%" height='100%' frameborder='0' align='center' allowfullscreen='true' allow="autoplay" id='iframe' ></iframe> 其中属性为全屏属性 allowfullscreen='true' ...
IE11下iframe显示不全解决方案
天涯的博客
01-11 4223
最近系统在IE11下iframe显示不全，需要处理最后发现一个不需要修改代码的方法解决了问题,现记录如下 首先找到IE浏览器设置，首先将站点加入兼容性。 打开Internet选项 打开安全 增加受信任的站点 设置完成之后关闭浏览器重新打开站点即可（如有站点修改后没有改变需要考虑别的方案） ...
iframe 内页面是自适应的 放到父页面后 显示不全
Karen_Kiss的博客
07-25 1030
下面是在寻找iframe适配方案中找到的别人写的一个方法或许有用但最后没用到，还是贴一下，说不定下次有用呢。这个适配问题折磨了我一天最后发现layui自己生成的iframe居然已经完美解决了这个适配问题。...
CSS解决 iframe 页面增加头部后滚动展示不全
p_pppxxxxmmm的博客
11-24 596
我的风格就是，直接上代码： <template> <div class="fund1 flex-box__children-static flex-box"> <van-sticky> <ph-layout-header title="title"> <template #left class="left"></template> </ph-layout-header>
网页内嵌的iframe内部无法调用上层网页的全屏功能
Leemeea的博客
06-13 510
主要添加一个 allowfullscreen="true" 属性 原代码 <iframe src="url" width="100%" height="600px;" style="border:none;"></iframe> 添加后的代码 <iframe src="url" width="100%" height="600px;" style="border:none;" allowfullscreen="true"></iframe> ...
iframe引入的网站不能全屏宽度有滚动条_程序猿进阶不能错过的最全前端性能优化秘籍（一）！...
weixin_28890941的博客
12-01 436
很多人通常在完成了产品之后才会去考虑性能。把与性能相关的事情拖到项目的最后来做，所做的也不过是对服务器上的config文件进行一些微调、串联、优化以及部分特别小的调整。而现在，技术已经有了翻天覆地的变化。一个项目的性能是非常重要的，除了要在技术层面上注意，更要在项目的设计之初就开始考虑，这样才可以使性能的各种隐形需求完美的整合到项目中，随着项目一起推进。在性能方面，前端的优化是大家很容易忽视却又十...
解决模态与非模态窗口问题及frame/iframe在Firefox下的兼容策略
首先，关于模态和非模态窗口问题，IE 浏览器支持使用 showModalDialog 和 showModelessDialog 函数打开不同类型的窗口，但在Firefox中不被支持。为了在所有浏览器中实现一致性，开发者应采用window.open函数打开新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值