如何解决ie6/ie7/ie8iframe背景透明的问题

操作方法

  • 01

    最近做了一个项目,涉及到ie8iframe背景透明的问题,做了老半天,才把它搞定的,现在把我的经历贴出来和大家分享: 众所周知的根据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{background: transparent;},这样你就可以的了。 但还有一些特殊情况:有时候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'''');        }    } 至此,以为问题解决。可突然发现还是白色的背景,这是为什么呢?那是如前面说的IE6/IE7/IE8中 BODY 元素的背景色不是 transparent的,所以对iframe里的body也要设置透明化:background:transparent;由此可以看出,你要分清情况的,框架要透明,里面的元素也要透明设置的,请记住这个属性:background:transparent; 以上文章有深圳网络公司易捷网络科技编写,转载时注明出处,谢谢合作。 http://www.ejaket.com/20130606165324.html

(0)

相关推荐

  • 怎么解决AE播放视频背景透明问题

    AE是现在十分常用的一款图形视频处理软件,有些用户遇到了播放视频背景透明问题,想知道怎么解决,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的AE软件,接着根据下图箭 ...

  • ie6不支持png透明简单的解决办法

    <!--[if lt IE 7]> <script type="text/javascript" src="img/iepngfix_tilebg.js"></scrip ...

  • ie6 ie7 ie8 ie9和FireFox Chrome中css区别总结

    操作方法 01 1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 t ...

  • 拒绝iphone插件耗电,不安装插件让通知中心背景透明教程

    有人白苹果了,暂时原因不详,可能是插件冲突,如果安装了通知中心背景透明的插件,请先卸载再操作 之前安装BlurriedNCbackground,虽然可以让通知中心背景透明,但是非常耗电,在连续使用的情 ...

  • 通知中心背景透明不安装插件法 不耗电

    之前安装BlurriedNCbackground,虽然可以让通知中心背景透明,但是非常耗电,在连续使用的情况下至少少用两个小时 其实不安装这个插件也能达到透明的效果,而且还不会增加耗电量,效果图: ...

  • Word2013怎么设置图片背景透明

    Word2013设置图片背景透明的方法: ①插入所需要处理的图片. ②选中图片,选择"格式"选项,单击"颜色"选项,在"颜色"面板中选择&q ...

  • C4D怎么制作立体透明文字? c4d透明背景透明水印的制作方法

    今天我们就来看看使用C4D建个透明背景的透明水印的方法,很简单,请看下下文详细介绍. 1. 选用运动图形中的文本,修改其内容. 2.为了让字体更有个性化,通过文本对话框修改相应参数.并将文本转为当前状 ...

  • 如何让图片背景透明(抠图)?

    让图片背景透明,就是所谓的抠图,指的是把图片里你想要的部分留下,不想要的部分变为透明色.网上常见的抠图方法有四种:1.自动抠图.2.手动抠图.3.形状抠图.4.色度抠图.我们以光影魔术手这个软件为例, ...

  • 如何在PPT中插入背景透明的图片素材

    我们在生活学习中,尝尝会遇到PPT课件,PPT课件拥有丰富多彩的内容,以及变化多样的播放形式,能够大大增加学生学习的乐趣,并且很好的表达制作者的创意:制作一个好的PPT需要让各个素材融合,学会制作背景 ...