1

フローティング ビデオ視聴パネルのように、html ページに swf を埋め込みたい。ブラウザーのサイズに応じてサイズを自動的に調整する swf ファイルが既にあり、swf ファイルは部分的に透過的です。div タグを追加し、位置を絶対にして z-index を大きくするだけでよいと思っていましたが、swf がページ上のすべてのものを置き換えただけなので、うまくいきません。

これが私がしたことです

<script>
      swfobject.embedSWF("swf/float.swf", "header", "100%", "100%", "9.0.0");
</script>

<body bgcolor="#000000">
      <div id="header"></div>
      <div id="shell">
          things in my html
      </div>
</body>

#header {
    position:absolute;
    z-index:100;

}

何か案が？ありがとう。

4

2 に答える 2

5

サイジングが適切に機能するようになったら、フラッシュの背後にあるものを確認できるようにwmodeを透明に設定する必要があります。そうでない場合、背景は不透明になります。

これはswfobjectdocsからの簡単なコピーペーストですが、要点を理解する必要があります。

<script type="text/javascript">

var flashvars = {};
var params = {wmode : "transparent"};
var attributes = {};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>
于 2008-11-18T23:31:35.650 に答える
0

<object />これの問題は、CSS がタグでうまく機能しないことだと思います。は、CSS に影響を与える可能性のある一連の属性を持つタグに変わりswfobject.embedSWFます。ヘッダー DIV の周りにラッパー DIV を作成し、CSS をラッパー DIV に適用すると、すべてがうまく機能します。また、CSS に 100% の幅と高さを追加する必要があります。改訂されたソースは次のとおりです。<div id="header"></div><object />

<script>
    swfobject.embedSWF("swf/float.swf", "header", "100%", "100%", "9.0.0");
</script>

<body bgcolor="#000000">
    <div id="wrapper">
        <div id="header"></div>
        </div>
    <div id="shell">
        things in my html
    </div>
</body>

#wrapper {
    position:absolute;
    z-index:100;
    width:100%;
    height:100%;
}
于 2008-11-18T22:14:42.717 に答える