Question

所以我在这里检查了一些其他问题，其中大多数提到firefox的z-index问题往往与其中一个项目不是position:Absolute有关。

<div id="AnimatedBanner" style="right:-5px;">
                        <object style="position:absolute; z-index:-1" width=" 1175" height="400" data="images/AnimatedBanner.swf"></object>
                    </div>
                    <div class="banner_text" style="position:absolute; z-index:1;">
</div>

然而，它总是在Animatedbanner之上放置banner_text。它在所有其他浏览器中都运行良好，但我仍然不确定为什么它在Firefox中不起作用。

Answer 1

在搜索后我发现解决方案应该是设置＆＃34; wmode＆＃34;到＆＃34;透明＆＃34; ，所以你的代码应该是：

<object style="position:absolute; z-index:-1" width=" 1175" height="400" data="images/AnimatedBanner.swf">
  <param name="wmode" value="transparent">
</object>

你可以在ff：

上测试这个小提琴

http://fiddle.jshell.net/h56q3n09/3/

Z-index不适用于具有绝对定位的FireFox

1 个答案: