通常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>

arrow
arrow
    文章標籤
    iframe 背景透明
    全站熱搜

    w3design 發表在 痞客邦 留言(2) 人氣()

    E-mail轉寄