iframe一般用來包含別的頁面，例如我們可以在我們自己的網(wǎng)站頁面加載別人網(wǎng)站的內(nèi)容，為了更好的效果，可能需要使iframe透明效果，那么就需要了解更多的iframe屬性，這里簡單的整理下，方便需要的朋友
1、iframe 定義和用法
iframe 元素會(huì)創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）。
HTML 與 XHTML 之間的差異
在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。
提示和注釋：
提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之間，這樣就可以應(yīng)對(duì)無法理解 iframe 的瀏覽器。
iframe標(biāo)簽是成對(duì)出現(xiàn)的,以<iframe>開始,</iframe>結(jié)束
iframe標(biāo)簽內(nèi)的內(nèi)容可以做為瀏覽器不支持iframe標(biāo)簽時(shí)顯示
屬性
示例
代碼如下:
<iframe src="http://www.jb51.net" width="200" height="500">
使用了框架技術(shù)，但是您的瀏覽器不支持框架，請(qǐng)升級(jí)您的瀏覽器以便正常訪問腳本之家。
</iframe>
使用像素定義iframe框架大小
代碼如下:
<iframe src="http://www.baidu.com" width="20%" height="50%">
使用了框架技術(shù)，但是您的瀏覽器不支持框架，請(qǐng)升級(jí)您的瀏覽器以便正常訪問腳本之家。
</iframe>
使用百分比定義iframe框架大小
2、iframe 透明
在transparentBody.htm文件的<body>標(biāo)簽中，我已經(jīng)加入了style="background-color=transparent" 通過以下四種IFRAME的寫法我想大概你對(duì)iframe背景透明效果的實(shí)現(xiàn)方法應(yīng)該會(huì)有個(gè)清晰的了解：
代碼如下:
<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是迫不得已才使用的，因?yàn)槭褂胕frame會(huì)帶來較多的問題，而有的瀏覽器可以設(shè)置將iframe當(dāng)作廣告屏蔽。
在最近的一個(gè)工作內(nèi)容中使用了iframe，開始遇到的問題是iframe高度自適應(yīng)的問題，這問題在口碑網(wǎng)ued團(tuán)隊(duì)博客中找到了解決辦法，后來更遇到一個(gè)iframe透明的問題
通常 iframe底色會(huì)是白色，在不同瀏覽器下可能會(huì)有不同的顏色
如果主頁面有一個(gè)整體的背景色或者背景圖片的時(shí)候
iframe區(qū)域便會(huì)出現(xiàn)一個(gè)白色塊，與主體頁面不協(xié)調(diào)，這就需要iframe透明
通過google搜索iframe透明找到了解決辦法
代碼如下:
<iframe src="./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308" scrolling="no"></iframe>當(dāng)然前提是iframe頁面中沒有設(shè)置顏色
[code]
注：iframe透明主要是使用了 allowtransparency="true" style="background-color=transparent"
<strong>3、iframe自適應(yīng)高度
</strong>由于篇幅過長，大家可以移步這里查看
<a target="_blank" >http://www.jb51.net/article/15780.htm</a>
<strong>4、通過js輸出iframe廣告代碼
</strong>[code]
document.write('<iframe align=middle marginwidth=0 marginheight=0 src="http://img.jb51.net/imgby/468_1.htm" frameborder=no scrolling=no width=660 height=80></iframe>');
5、有時(shí)候我們需要考慮用戶的瀏覽器是否支持iframe標(biāo)簽，那么就需要如下的寫法
代碼如下:
<iframe frameborder="0" name="Iframe1" src="http://www.jb51.net/" width="100%" height="200">
您的瀏覽器不支持嵌入式框架，或者當(dāng)前配置為不顯示嵌入式框架。
</iframe>
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試