怎么设置iframe,才能使背景透明?
如果想让iframe背景透明。这里需要用到iframe一个特殊的属性:allowtransparency="true"。1、首先在框架代码中加入allowtransparency属性:2、把嵌入iframe中的页面改为:楼主,你试试!应该可以解决!
如何让iframe背景色透明
方法一:
<iframe src="ifraem.jsp" width="100%" height="360" align="center"
scrolling="auto" frameborder="0"
style="filter:chroma(color=#ffffff)"></iframe>
在iframe页面里将body更改为:
<body style="background-color:transparent" >
方法二:
<iframe
src="abc.htm" name="iframe" width="540" height="400" scrolling="Auto"
frameborder="0" id="iframe" style="border:0px"
allowtransparency="true"></iframe>
被嵌的页面加入:
<body style="background-color:
transparent">
如何解决ie6/ie7/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].tAttribute(''''allowTransparency'''',''''true''''); } }
至此,以为问题解决。可突然发现还是白色的背景,这是为什么呢?那是如前面说的IE6/IE7/IE8中 BODY 元素的背景色不是 transparent的,所以对iframe里的body也要设置透明化:background:transparent;由此可以看出,你要分清情况的,框架要透明,里面的元素也要透明设置的,请记住这个属性:background:transparent;
浏览器中怎么让iframe框架背景透明或不显示
<iframe allowtransparency="true"></iframe>
在transparentBody.htm文件的<body>标签中,我已经加入了style="background-color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解:
<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME>
<IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME>
<IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME>
<IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>
为什么网页中的iframe背景颜色已设为透明但是在某些电脑上看不是透明的而是白色的?
没有达到想要的效果,框架那块区域依然是白色。
原因:iframe的allowtransparency属性,把allowtransparency="true" 设为True,这样背景色可以随意设置了。
注意:前提是子页面没有设置背景颜色。
即
<iframe id="MyFrame" name="MyFrame" scrolling="auto" frameborder="0" src="子页面" allowtransparency="true" style="width:500px; height:500px;background-color:#ff0000;"></iframe>
怎么让弹出的iframe层完全透明,可以显示被遮盖的内容
巧了,本人也遇到这个问题了。这几个月都一直找不到解决办法。
其实很多人根本还没理解问题。首先声明 iframe 是完全可以透明的。
按照常规的设置css 的透明度方式就可以,这点就不要争论了。
现在的问题是 这样设置透明,背面放置