AS3なのかAS2なのかは関係ないと思います。
Webブラウザーの観点からは、どちらも「FlashPlayerプラグイン」というブラックボックスです。プラグインのインストールできるバージョンは一度に1つだけなので、AS2とAS3 swfを使用していても、Webブラウザーは「FlashPlayerプラグインバージョン10」のインスタンスが2つあることを認識します。
あなたがやろうとしているように見えることを煮詰めるのは:
- ページを作成:
- その中にswfを貼り付けます
- ページにdivを追加し、CSSポジショニングを使用して他のswfの「上」に配置します
- そのdivに別のswfを貼り付けます。
それで、これは機能しますか?-いいえはい、非常にうまくいきましたがwmode="transparent"
、埋め込まれたフラッシュオブジェクトを設定する必要があります(コメントのgrapefruktに感謝します)。
私はテストを実行しました:これが私のソースコードです:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css" media="screen">
DIV{ width: 300px; height; 300px;}
#background{ border: 1px solid green; background-color: green; z-index: 0; }
#foreground{ border: 1px solid red; background-color: red; z-index: 50; }
</style>
</head>
<body>
<div id="background">
<embed height="208" width="208" quality="high" bgcolor="#fff" src="bgswf.swf" type="application/x-shockwave-flash" wmode="transparent"/>
</div>
<div id="foreground" style="position: absolute; left: 30px; top: 30px;">
<embed height="208" width="208" quality="high" bgcolor="#fff" src="fgswf.swf" type="application/x-shockwave-flash" wmode="transparent"/>
</div>
</body>
</html>
結果:
がないwmode=transparent
と、FirefoxとIEで一貫性がなくなり、わずかに壊れます。これを使用すると、IEとFirefoxの両方で必要と思われることを正確に実行できます。
swfファイルは(レイアウトの観点から)単なる画像のように動作します。かっこいいね。