Div はフラッシュを覆います。フラッシュ透過方式により、フラッシュ上に DIV レイヤーを配置できます。

Div はフラッシュを覆います。フラッシュ透過方式により、フラッシュ上に DIV レイヤーを配置できます。
2つのタイプがあります: (異なるブラウザ)

1. IEブラウザで利用可能

コードをコピー
コードは次のとおりです。

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

2. Firefoxで利用可能

コードをコピー
コードは次のとおりです。

<embed src=”YourFlash.swf” wmode=”transparent” … ></embed>

wmode属性情報について:

(オプション) Internet Explorer 4.0 で透明な Flash コンテンツ、絶対配置、およびレイヤー機能を有効にします。このタグ/属性は、Flash Player ActiveX コントロールを備えた Windows でのみ有効です。

「ウィンドウ」は、Web ページ上の独自の長方形のウィンドウでアプリケーションを再生します。 「ウィンドウ」は、この Flash アプリケーションが HTML レイヤーとやり取りせず、常に最前面に表示されることを示します。
不透明にすると、アプリケーションはページ上の背後にあるすべてのものを非表示にします。
「透明」にすると、HTML ページの背景がアプリケーションの透明な部分を通して表示され、アニメーションのパフォーマンスが低下する可能性があります。
不透明ウィンドウレスと透明ウィンドウレスはどちらも HTML レイヤーと対話し、SWF ファイルの上のレイヤーでアプリケーションを隠すことができます。 2 つのオプションの違いは、「透明」では透明が許可されるため、SWF ファイルの一部が透明な場合、SWF ファイルの下の HTML レイヤーがその部分を通して表示されますが、「不透明」では表示されません。

フラッシュ コードは次のように記述する必要があります。

コードをコピー
コードは次のとおりです。

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" コードベース="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" 幅="737" 高さ="220" 位置="center">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="xxx.swf" />
<param name="wmode" value="透明">
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed wmode="transparent" src="xxx.swf" quality="high" bgcolor="#ffffff" width="737" height="220" name="banner" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</オブジェクト>

赤い部分はフラッシュ上に表示されるdivで、つまりフラッシュは下部に表示され、透明です

<<:  純粋な CSS3+DIV で小さな三角形の境界線効果を実現するためのサンプル コード

>>:  DockerコンテナでPythonを実行するディープラーニング環境を構築する方法

推薦する

JavaScript配列の組み込みメソッドの詳細な説明

目次1. Array.at() 2. Array.copyWithin() 3. 配列.entrie...

ウェブページを自動更新するための 3 つのコード

実際、この効果を実現するのは非常に簡単で、この効果は特殊効果と呼ぶことすらできません。次のコードを ...

HTMLチェックボックス説明テキストをクリックして状態を選択/チェック解除します

Web 開発では、チェックボックスは小さく、ユーザーにとって操作があまり便利ではないため、ユーザーが...

CSS が最初のサイクルで画像を読み込むために @keyframes を使用するときに発生するホワイトギャップの問題 (フラッシュ画面) をすばやく解決します。

問題の説明: CSS アニメーション プロパティを使用すると、ループが最初に読み込まれたときに白いギ...

Vue3 ベースのフルスクリーン ドラッグ アップロード コンポーネント

この記事は主に、みんなで共有できるVue3ベースのフルスクリーンドラッグアップロードコンポーネントを...

Vue3.0 ルーティング自動インポート方法の例

1. 前提条件インポートには require.context メソッドを使用します。vite で作成...

MySQLでデータベースデータ保存ディレクトリを変更する方法

序文MySQL データベースのデフォルトのデータベース ファイルは /var/lib/mysql に...

CSSを使用して、頻繁に表示される奇妙なボタンを簡単に実装します。

背景グループでは、CSS を使用してインセット コーナー ボタンを実装する方法や、矢印付きのボタンを...

JavaScript プロトタイプチェーンを理解するための 2 つの図

目次1. プロトタイプの関係2. プロトタイプチェーン3. 結論序文:前回の記事では、JavaScr...

Hbase 入門

1. HBaseの概要1.1 HBaseとはHBase は、高い信頼性、高いパフォーマンス、列ストレ...

CentOS 7 で MySQL 5.7 をインストールして設定する

この記事では、以下の環境をテストします。 CentOS 7 64 ビット 最小 MySQL 5.7 ...

一般的でない js 演算演算子の概要

目次2. カンマ演算子3. JavaScript Null 結合演算子 (??) 4. JavaSc...

Linux でソフトウェア パッケージのバージョンをアップグレードする方法の詳細な説明

Linux環境で、特定のソフトウェア(パッケージ)がインストールされているかどうかを確認したい。 r...

vue router-view のネストされた表示実装

目次1. ルーティング構成2. Vueページのネスト3. ネストされた関係1. ルーティング構成 定...