您的位置：首页 > 其它

解决ie6/7/8iframe背景透明的问题

2013-06-21 15:25 811 查看
根据W3C CSS 2.1 规范规定，'background-color' 特性的默认值为 'transparent'，即透明；但是IE6/IE7/IE8中 BODY 元素的背景色不是 transparent，而是 #FFFFFF;

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

iframe有个allowTransparency的属性，意思是是否允许透明；但是IE6/IE7/IE8中却是白色;所以我们可以这样加上它 <iframe allowTransparency="true" />
如果为了追求更好的保障的话，就要加上iframe{ transparent;}< /p>

但还有一些特殊情况：有时候iframe不是HTML中本身写的，是加载进来的，这时虽然以上的CSS可以生效，但却没法给iframe本身加上allowTransparency属性了，这时候要怎么做？很简单
给它来一段js代码：
window.onload = function(){
var ifra=document.getElementsByTagName('IFRAME');
for(var i=0,l=ifra.length;i<l;i++) {
ifra[i].setAttribute('allowTransparency','true');
}
}


至此，以为问题解决。可突然发现还是白色的背景，WHY?那是如前面说的IE6/IE7/IE8中 BODY 元素的背景色不是 transparent的，所以
对iframe里的body也要设置透明化：transparent；

在iframe中设置属性为
<iframe src=\'#\'" scrolling="no" allowtransparency=true width="209" height="900" frameborder="0"></iframe>

在left.htm设置<body style="background-color:transparent">

如果不进行设置,则默认的背景色是白色.
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航