解决IE下iframe默认有白色背景的bug

来源:互联网 发布:南京品浪淘宝网 编辑:程序博客网 时间:2024/04/29 00:58

又是一个IE莫名其妙的bug:IE下的iframe默认会有一个白色的背景,所以当iframe的外围背景并不是白色的时候,这个iframe就会显得非常的“与众不同”,但我们并不需要它如此的出风头。

   这个背景是iframe本身的,不是iframe内的html元素的,所以,只对iframe进行相关设置就能去掉这个背景。

   iframe有一个并不常用的属性:allowTransparency,意思是是否允许透明——但是IE下好像默认false,很多大网站的iframe上也没有加上这一条,所以这讨厌的白色背景经常会看到。这里需要用到一个特殊的特性:
allowtransparency="true"

 

现在对iframe如下设置:
  1、首先在框架代码中加入allowtransparency属性:
<iframe id="1" frameborder="0" scrolling="no"width="780" height="160" src="输入路径"allowtransparency="true"></iframe>


  2、把嵌入iframe中的页面<body>改为:
<bodystyle="background-color:transparent">