怎么設置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 的透明度方式就可以,這點就不要爭論了。
現在的問題是 這樣設置透明,背面放置