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