Question

我正在尝试使用z-index创建一个分层div，其中一个层必须包含一个flowplayer。一旦正确创建了图层，我将根据程序的逻辑更新div的z-index值。以下代码适用于Chrome，但不适用于Firefox和IE。

问题：在IE和包含flowplayer的firefox div中没有隐藏。

        <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>

Answer 1

我通过在flowplayer（）中使用wmode选项解决了这个问题，即的Flowplayer（ “player”，{src：“../ flowplayer / flowplayer-3.2.16.swf”，wmode：“opaque”}，{ clip：{ autoPlay：false， autoBuffering：是的 } } ）;

Answer 2

Flowplayer配置具有zIndex属性

所以考虑使用

$f("selector","path-to-your-swf",{
option 1:...,
option 2:...,
option 3:...,
zIndex: value,
...,
...,
});

z-index不适用于firefox中的flowplayer

2 个答案: