輔助功能

Flash TechNote

讓 Flash 影片有透明的背景

日本語 | 简体中文 | 한국어 | Deutsch | English | España | Français | Italiano

Flash 影片的背景可以設成透明的, 讓含 Flash 影片的 HTML 網頁上的背景顏色或影像可以顯示出來, 並讓含 DHTML 內容的 Flash 內容以圖層形式表現。

下列瀏覽器目前支援無視窗模式:

    Windows 與 Mac OS X

    • Internet Explorer 3 或更新版本 (Windows)
    • Internet Explorer 5.1* and 5.2* (Macintosh)
    • Netscape 7.0*
    • Mozilla 1.0 或更新版本*
    • AOL*
    • CompuServe*

* 此功能需要使用 Macromedia Flash Player 版本 6,0,65,0 (Windows), 或 6,0,67,0 (Macintosh) 或更新版本。

注意: 此功能不支援 Mac Classic。透明的背景也無法在 Flash 獨立放映檔中使用。

注意: 使用無視窗模式時, 多少會對執行效能產生影響。當最快的執行效能是第一訴求時, 請考慮其他的設計選項。

準備 HTML 網頁, 讓 Flash 影片變成透明

下面說明了建立 HTML 網頁的三種方法及正確的程式碼。

1. 從 Flash 發佈

有 Flash 影片的 HTML 可以用 Flash 中的「發佈設定」功能建立。「發佈設定」對話方塊有一個選項, 能影響 WMODE (視窗模式) 的設定, 此外在「發佈設定」中選取的選項會自動加到 HTML 原始碼中:

  1. 選擇「檔案 > 發佈設定」。選取 HTML 索引標籤。
  2. 在 WMODE 設定中選擇「透明」, 讓 Flash 影片的背景在支援透明功能的瀏覽器中消失。
  3. 發佈文件。

2. 使用 Dreamweaver MX

按照下列步驟, Dreamweaver MX 就會自動插入正確的 HTML 程式碼。

  1. 在 Dreamweaver MX 中, 將 Flash 影片插進 HTML 網頁中。
  2. 在「設計」檢視中選取 Flash 影片。
  3. 在「屬性」面版中選擇「參數」。
  4.  

    在「參數」中, 輸入 wmode。

    在「值」中, 輸入 transparent。

  5. 儲存文件, 即完成了 HTML 網頁。

3. 手動編輯 HTML 程式碼

  • 編輯現有的 HTML 網頁時, 把 WMODE 參數加到 HTML 程式碼中。

    將下列參數加到 OBJECT 標籤中:

    <param name="wmode" value="transparent">

    將下列參數加到 EMBED 標籤中:

    wmode="transparent"

範例

有透明效果

一個黑色背景的 SWF 檔位於某個 HTML 圖層上,

在這個 HTML 網頁上有紅色的文字 (在 Flash 影片之下的 DHTML 圖層上)。

檢視 TechNote 時, 如果組態設定支援透明, 可以看到 TechNote 的白色背景和透出來的紅色文字。

注意: 基於本表格的限制, 圖層以模擬方式呈現, 檢視網頁的來源無法切確反映本方法。



沒有透明效果

本範例不含 WMODE 標籤, 並會保持顯示 SWF 檔的黑色背景。

您將無法看到 Flash 影片之下圖層上的文字或其他內容。

但是不支援 WMODE 標籤的瀏覽器可以顯示。


其他資訊

如需有關在 DHTML 圖層之上顯示 Flash 影片的詳細資訊, 請參閱 Flash 內容顯示在所有 DHTML 圖層之上 (TechNote 15523) *。

最後更新日期: 2002 年 12 月 12 日
建立日期: 1999 年 12 月 20 日
文件編號: 14201
產品: Flash
版本: 編號
作業系統: 全部
瀏覽器: 全部
伺服器: 全部
資料庫: 全部
舊版文件編號: N/A