IE5.5開始支持浮動框架的內(nèi)容透明。如果想要為浮動框架定義透明內(nèi)容,則必須滿足下列條件。
1.與 iframe 元素一起使用的 allowTransparency 標簽屬性必須設置為 true。
2.在 iframe 內(nèi)容源文檔,background-color 或 body 元素的 bgColor 標簽屬性必須設置為 transparent。
具體步驟:
1. 包含框架頁的代碼。
1 2 3 | <body bgColor="#eeeeee"> <iframe allowTransparency="true" src="transparent.htm"> </iframe> |
2.transparent.htm頁的代碼。
1 | <body bgColor="transparent"> |
特別說明
本例主要是iframe對象的allowTransparency屬性應用,在該屬性設置為true并且iframe所載加頁的背景顏色設置為transparent(透明)時iframe將透明化。
allowTransparency設置或獲取對象是否可為透明。
bgColor 設置或獲取對象的背景顏色。
有人說,被調(diào)用的頁面的body中要加上style="background-color:transparent",其實是沒有必要的,在IE5.5以上(不包括)版本中,已經(jīng)沒有必要使用。
allowTransparency屬性是針對iframe的特殊屬性,僅對ie起到一定的作用,而其屬性值,即上文提到的“true”則是不必須的,也就是說只要iframe中有allowTransparency屬性存在,無論其值為多少,哪怕是“false”,也會對IE中iframe的透明起到作用,這也自然說明,其不用定義值也可以起到作用,那么在iframe只用加入“allowTransparency”即可。
Html代碼
<iframe src="iframe.html" width="600px" height="500px" allowtransparency scrolling="no" frameborder="0"></iframe>
以上就是html中關(guān)于iframe的allowTransparency屬性的用法
如對本文有疑問,請?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會為你解答?。?點擊進入論壇