css - 将 child 定位在他的 parent 身后，他的位置固定

Question

这是我的问题，我有一个带有音量按钮的音乐播放器。当我按下音量按钮时，按钮下方会出现一个框。由于我的背景不平坦，我想把那个盒子放在背景后面。我尝试使用负 z-index，但没有成功。你们能帮帮我吗？这是一个链接，音乐播放器在顶部屏幕上(位置固定)http://hateittoo.com/?page=shows

PS:目前该网站与 Google Chrome 配合使用效果更好。

Answer 1

移动 volume_controls，使其不嵌套在 music_player 中。 z-index 不能低于父元素。

<div id="music_player"><!-- has background image you're trying to hide controls under -->
    ... 
    <div class="content" id="volume_controls" style="display: block;">
        ...
    </div>
</div>

在没有 z-index 的情况下将它隐藏在 bg 后面移动你的 volume_controls 元素刚好在 music_player