質問
フローティングビデオ視聴パネルのように、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;
}
アイデアはありますか?ありがとう。
解決
サイジングが適切に機能するようになったら、 wmode を transparent に設定して、フラッシュの背後にあるものを表示できるようにする必要があります。背景は不透明になります。
これは swfobjectドキュメントからの簡単なコピーペーストです。ただし、交差点:
<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>
他のヒント
これに関する問題は、CSSが<object />
タグではうまく機能しないことだと思います。 swfobject.embedSWF
は、CSSに影響を与える可能性のある属性の束を持つ<div id="header"></div>
タグに<=>を変換します。ヘッダーDIVの周りにラッパーDIVを作成し、CSSをラッパーDIVに適用すると、すべてがうまく機能します。また、CSSに100%の幅と高さを追加する必要があります。修正されたソースは次のとおりです。
<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%;
}
所属していません StackOverflow