0

z-index を使用して階層化された div を作成しようとしていますが、レイヤーの 1 つにフロープレーヤーが含まれている必要があります。レイヤーが適切に作成されたら、プログラムのロジックに基づいて div の z-index 値を更新します。次のコードは Chrome では機能しますが、Firefox と IE では機能しません。

問題: IE および firefox の div で、flowplayer が非表示になりません。

        <div id="dvd_supplement" style="height:200px;width:300px;">
            <!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->
            <div style="z-index:11;position:relative;top:0px;">
                <a id="player"
                     href="barsandtone.flv"
                     style="width:300px;height:200px" 
                    >
                </a>
            </div>
            <div style="z-index:2;position:relative;top:-200px;">
                <img id="player_laptop_screen" src="images/laptop_screen.jpg" width="300px" height="200px"/>                
            </div>
            <div style="z-index:3;position:relative;top:-400px;">
                <img id="player_img" src="images/blank_screen.jpg" width="300px" height="200px"/>
            </div>              
        </div>
4

2 に答える 2

2

この問題は、flowplayer() で wmode オプションを使用して解決しました。つまり、flowplayer( "player", {src: "../flowplayer/flowplayer-3.2.16.swf", wmode: "opaque"}, { clip: { autoPlay : false、autoBuffering: true } } );

于 2013-11-08T08:25:28.747 に答える
0

Flowplayer 構成にはzIndex属性があります

したがって、使用を検討してください

$f("selector","path-to-your-swf",{
option 1:...,
option 2:...,
option 3:...,
zIndex: value,
...,
...,
});
于 2013-11-08T07:38:56.433 に答える