所以这是我的问题,我有一个带有音量按钮的音乐播放器。当我按下音量按钮时,按钮下方会出现一个框。由于我的背景不是平坦的,我想把那个盒子放在背景后面。我尝试使用负 z-index,但没有奏效。你们能帮帮我吗?这是一个链接,音乐播放器在顶部屏幕上(位置固定)http://hateittoo.com/?page=shows
PS:该网站目前与谷歌浏览器配合得更好。
所以这是我的问题,我有一个带有音量按钮的音乐播放器。当我按下音量按钮时,按钮下方会出现一个框。由于我的背景不是平坦的,我想把那个盒子放在背景后面。我尝试使用负 z-index,但没有奏效。你们能帮帮我吗?这是一个链接,音乐播放器在顶部屏幕上(位置固定)http://hateittoo.com/?page=shows
PS:该网站目前与谷歌浏览器配合得更好。
移动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
把你的volume_controls
元素移动到上面music_player
你不能把孩子放在他父母的后面。您需要从播放器 div 中取出音量 div,使它们都固定,然后使用z-index
.