通常iframe底色會是白色,但如果頁面有一個整體的背景色或者背景圖片的時候
iframe區域出現一個白色塊,與主體頁面不協調,這就需要讓iframe背景透明。
iframe基本格式:
<iframe src="http://www.match99.org" width="num-w" height=" num-h" scrolling="auto" frameborder="0" name="name-iframe" >
</iframe>
設置背景透明的iframe浮動框架,必須同時滿足兩個條件:
一、<iframe>標記的allowTransparency屬性值為true,即<iframe allowTransparency="true">
二、浮動框架連結的來源文件的<body>標記的bgcolor屬性值為transparent,即<body bgcolor="transparent">
如parent.html頁面嵌入iframe,iframe內連結的頁面為son.html
相應代碼:
parent.html
<HTML>
<HEAD>如何讓iframe背景透明</HEAD>
<BODY bgColor="#EEFFBB">
<TABLE>
<tr><th>設置背景透明的浮動框架</th></tr>
<tr><td>
<IFRAME Src="son.html" allowTransparency="true"></td></tr>
</TABLE>
</BODY>
</HTML>
son.html
<HTML>
<HEAD> </HEAD>
<BODY bgColor="transparent">
html、css、Javascript、dreamweaver、flash、photoshop、asp、PHP、.net、jsp等網頁設計製作知識資源分享
</BODY>
</HTML>
留言列表