この情報は、米国アドビシステムズ社が提供している情報をもとにローカライズし、作成したものです。   

日本語環境での動作保証はしておりませんのでご了承ください。

内容 (What's Covered)

SWF ファイルの背景色(ステージのカラー)は透明にすることができます。背景が透明な SWF を HTML に配置すると、HTML ページの背景色や画像が透過して表示されます。この方法を用いることで、DHTML コンテンツにおける SWF のレイヤー配置が可能になります。

透明の処理方法は Web ブラウザーによって異なります。対象とするすべてのブラウザーで表示テストを行ってください。Linux ブラウザーのほとんどは、Flash の透明をサポートしていません。ブラウザーごとのサポート状況については、以下の弊社技術文書を参照してください。

文書番号 231465 OBJECT タグおよび EMBED タグの属性について

A. Flash Professional のパブリッシュ設定

Adobe Flash Professional のパブリッシュ設定で、SWF ファイルと HTML ファイルを同時に生成することができます。パブリッシュ設定で、ウィンドウモード(WMODE)を指定することができます。この設定は、書き出される HTML のソースコードに自動的に反映されます。

  1. Flash Professional でファイル/パブリッシュ設定を選択します。
  2. 画面左側のリストから「HTML ラッパー」にチェックを入れ、項目を選択します。





     
  3. 「ウィンドウモード」ポップアップメニューから「透明表示」を選択します。





     
  4. 「パブリッシュ」をクリックします。
  5. 書き出された HTML ファイルを開き、表示を確認してください。

    ※ 結果が分かりやすいように、HTML の背景色や背景画像を指定してください。

B. Dreamweaver のプロパティパネル

Adobe Dreamweaver のプロパティパネルから、適切な HTML コードを挿入することができます。

  1. Dreamweaver で HTML に SWF を挿入するか、または Flash から書き出された HTML を開きます。
  2. デザインビューで SWF ファイルをクリックして選択します。
  3. 以下のいずれかの操作を行います。

    Dreamweaver CS4 以降の場合

    プロパティパネルの「Wmode」ポップアップメニューから「透明」を選択します。







    Dreamweaver CS3 の場合

    a. プロパティパネルの「パラメーター」ボタンをクリックします。

    b. 「パラメーター」列に「wmode」と入力し、「値」列に「transparent」と入力します。

    c. 「OK」をクリックします。
  4. ファイル/ブラウザーでプレビュー/<任意のブラウザー>を選択し、表示を確認してください。

    ※ 結果が分かりやすいように、HTML の背景色や背景画像を指定してください。

C. HTML コードを直接編集

既存の HTML を編集する場合は、以下の wmode パラメーターを OBJECT タグ内に追加します。

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

OBJECT タグのパラメーターに関する詳細については、文書番号 cpsid_92892 OBJECT タグの記述について(Flash Professional)を参照してください。

アドビコミュニティフォーラムをご利用下さい

この文章はお役に立てましたでしょうか?さらに情報をお探しになる場合には、アドビスタッフがお届けし ている解決事例やメンバー同士での活発な意見交換をチェックできるコミュニティフォーラム をご利用下さい。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー