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

Question

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

<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

经过位搜索后，我发现解决方案应该是将“wmode”设置为“transparent”，所以你的代码应该是:

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

你可以在 ff 上测试这个 fiddle :

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