iframe標籤用法詳解 屬性 透明 自適應高度

2021-06-21 06:35:03 字數 2091 閱讀 7086

屬性

值描述dtd標籤的 align 屬性" href="" rel="noopener noreferrer">align

不贊成使用。請使用樣式代替。

規定如何根據周圍的元素來對齊此框架。

tf標籤的 frameborder 屬性" href="" rel="noopener noreferrer">frameborder

規定是否顯示框架周圍的邊框。

tf標籤的 height 屬性" href="" rel="noopener noreferrer">height

規定 iframe 的高度。

tf標籤的 longdesc 屬性" href="" rel="noopener noreferrer">longdesc

url規定乙個頁面,該頁面包含了有關 iframe 的較長描述。

tf標籤的 marginheight 屬性" href="" rel="noopener noreferrer">marginheight

pixels

定義 iframe 的頂部和底部的邊距。

tf標籤的 marginwidth 屬性" href="" rel="noopener noreferrer">marginwidth

pixels

定義 iframe 的左側和右側的邊距。

tf標籤的 name 屬性" href="" rel="noopener noreferrer">name

frame_name

規定 iframe 的名稱。

tf標籤的 scrolling 屬性" href="" rel="noopener noreferrer">scrolling

規定是否在 iframe 中顯示滾動條。

tf標籤的 src 屬性" href="" rel="noopener noreferrer">src

url規定在 iframe 中顯示的文件的 url。

tf標籤的 width 屬性" href="" rel="noopener noreferrer">width

定義 iframe 的寬度。tf

示例

複製**

**如下:

指令碼之家使用了框架技術,但是您的瀏覽器不支援框架,請公升級您的瀏覽器以便正常訪問指令碼之家。

使用畫素定義iframe框架大小

複製**

**如下:

指令碼之家使用了框架技術,但是您的瀏覽器不支援框架,請公升級您的瀏覽器以便正常訪問指令碼之家。

使用百分比定義iframe框架大小

2、iframe 透明

在transparentbody.htm檔案的標籤中,我已經加入了style="background-color=transparent" 通過以下四種iframe的寫法我想大概你對iframe背景透明效果的實現方法應該會有個清晰的了解:

複製**

**如下:

iframe是迫不得已才使用的,因為使用iframe會帶來較多的問題,而有的瀏覽器可以設定將iframe當作廣告遮蔽。

在最近的乙個工作內容中使用了iframe,開始遇到的問題是iframe高度自適應的問題,這問題在口碑網ued團隊部落格中找到了解決辦法,後來更遇到乙個iframe透明的問題

通常 iframe底色會是白色,在不同瀏覽器下可能會有不同的顏色

如果主頁面有乙個整體的背景色或者背景的時候

iframe區域便會出現乙個白色塊,與主體頁面不協調,這就需要iframe透明

通過google搜尋iframe透明找到了解決辦法

複製**

**如下:

當然前提是iframe頁面中沒有設定顏色

[code]

注:iframe透明主要是使用了 allowtransparency="true" style="background-color=transparent"

3、iframe自適應高度

由於篇幅過長,大家可以移步這裡檢視

4、通過js輸出iframe廣告**

[code]

document.write('');

Iframe標籤的用法

什麼是iframe?iframe是乙個嵌入式框架,他可以把乙個網頁巢狀到現有的網頁中。如何巢狀?利用iframe標籤的src屬性巢狀 初級美化 可以設定iframe的一些基本css樣式來美化頁面。1 是否顯示邊框 2 定義寬度 3 定義高度 4 是否顯示滾動條 寬度我們一般定義為100 不顯示邊框。...

iframe是什麼?iframe用法詳解

經常和 打交道或者經常建站的朋友對iframe肯定不陌生,有了iframe會變得更加美觀 大氣。對於初涉網際網路的新手來說,iframe並不熟悉,那麼iframe到底是什麼?iframe用法有哪些呢?iframe是什麼 iframe就是我們常用的iframe標籤 iframe標籤是框架的一種形式,也...

odoo Botton標籤屬性詳解

1 icon 按鈕圖示名,可用的按鈕圖示在 addons web static src img 下。2 string 按鈕的顯示文字 3 type 動作執行型別。可能值是 workflow,object,action,預設是 workflow。workflow 用於觸發工作流引擎訊號 object ...