【发布时间】：2016-11-30 01:33:59
【问题描述】：
我正在开发一个带有 youtube 视频的网站，并且我正在使用 mb.YTPlayer 插件。你可以在这里看到它：http://orthopluss.fr/test/index.html#prestations
有两个箭头，一个在右边，一个在左边，我想把它放在视频上。例如，如果我使用左箭头并删除左边距，则箭头位于视频的下方。 我尝试在 #timelapse-prev 按钮上添加 z-index : 10000 ，但它没有在视频前面获得按钮。
我一直在演示插件页面上进行此操作（使用开发者工具）：http://pupunzi.com/mb.components/mb.YTPlayer/demo/demo_as_player.html 所以我假设这是我的页面中导致问题的东西......
我尝试了很多东西（以不同的方式设置其他 z-index），但没有任何效果。你知道什么会导致这种行为吗？
谢谢！！
【问题讨论】：
-
寻求代码帮助的问题必须在问题本身中包含重现该问题所需的最短代码。虽然您提供了link to an example or site，但如果链接失效，您的问题对于未来遇到同样问题的其他 SO 用户将毫无价值。
-
请添加您的代码
-
也许您将
position: fixed;设置为您的按钮。这可能会导致 z-index 对它们不起作用 -
尝试检查按钮元素（
F12，单击指针图标，然后单击视频，将鼠标悬停在或单击按钮标签，我假设它位于播放器标签旁边） -
尝试将箭头拉到父结构之外，也许它们是从父结构继承 z-index。