SWF ファイルの背景色(ステージカラー)は透明に設定できます。SWF ファイルを含む HTML ページの背景色または画像が透明に表示されます。このテクニックを使用すると、SWF のコンテンツを DHTML (Dynamic HTML)重ねて表示できます。

ただし、すべての Web ブラウザー が同じ方法で透明を操作するとは限りません。必ず、視聴者に使用させたいすべてのブラウザーで、ご使用の SWF ファイルをテストしてください。Animate 透明機能は、大半の Linux ブラウザーでは サポートされません。透明をサポートしているブラウザーは、このテーブルに一覧されています。

Animate での公開設定の使用

Animate で公開設定機能を使用すると、SWF ファイルの HTML を作成できます。「公開設定」 ダイアログボックスには、WMODE 設定に影響するオプションが表示されます。「公開設定」で選択したオプションは、自動的に HTML ソースコードに追加されます。

  1. 「ファイル/公開設定」を選択します。HTML が選択されているかどうか確認します。
  2. HTML を選択します。
  3. 「ウィンドウモード」メニューから「透明なウィンドウレス」を選択して、この機能をサポートするブラウザーで SWF ファイルの背景を非表示にします。
  4. ドキュメントを公開します。

このビデオでは、これらの手順を Animate で実行する方法を示します。

 

Dreamweaver での「プロパティ」パネルの使用

以下の手順に実行すると、Dreamweaver によって正しい HTML コードが自動的に挿入されます。

  1. Dreamweaver で、SWF ファイルを HTML ページに挿入します。
  2. デザイン表示で、SWF ファイルを選択します。
  3. 「プロパティ」パネルで、「パラメーター」を選択します。
  4. 「パラメーター」に "wmode"(引用符は除く)を入力します。「値」には "transparent" と入力します。
  5. 文書を保存します。HTML ページが完成します。

このビデオでは、Deamweaver でこれらの手順を実行する方法を示します。

 

HTML コードの手動編集

既存の HTML ページを編集するには、WMODE パラメーターを HTML コードに追加します。

次のパラメーターを OBJECT タグに追加します。

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

SWF コンテンツに関する HTML タグの手動編集について詳しくは、「Object Tag Syntax (OBJECT タグの構文)」を参照してください。 

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

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