将一个孩子放在他父母的后面，并找到一个固定的位置

Question

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

PS：目前，该网站可以更好地与谷歌浏览器配合使用。

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>

将其隐藏在bg后面而不z-index将volume_controls元素移到music_player上方

Answer 2

您无法将孩子置于其父母身后。您需要从播放器div中取出音量div，将它们固定，然后使用z-index。