首页 > 代码库 > IE8以下版本iframe出现滚动条和内容空白问题
IE8以下版本iframe出现滚动条和内容空白问题
在网页中使用iframe引用了第三方的页面
$("#tianqi").html(‘<iframesrc="http://i.tianqi.com/index.php?c=code&id=40&color=%23ffffff&icon=1&wind=1&num=1&py=shanghai"width="400"height="24"></iframe>‘);
在除了IE8以下版本中都是正常的,但IE8及以下iframe出现了滚动条及背景空白
IE8及以下
正常情况下:
解决方法:
1.针对滚动条,设置属性border="0"frameborder="0"scrolling="auto"
2.针对背景空白设置属性 allowTransparency="true"
$("#tianqi").html(‘<iframe src="http://i.tianqi.com/index.php?c=code&id=40&color=%23ffffff&icon=1&wind=1&num=1&py=shanghai" width="400" height="24" border="0" frameborder="0" style="border: 0; overflow: hidden;background: #036562;" scrolling="auto" allowTransparency="true"></iframe>‘);
参考:
IFRAME 在IE8下滚动条一直出现
设置IE浏览器中iframe背景透明方法
From WizNote
IE8以下版本iframe出现滚动条和内容空白问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。