为什么我的元素在 z-index 10000 下不可见

Why does my element is not visible with z-index 10000

我正在开发一个包含 YouTube 视频的网站,我正在使用 mb.YTPlayer 插件。你可以在这里看到它:http://orthopluss.fr/test/index.html#prestations

有两个箭头,一个在右边,一个在左边,我想把它放在视频上。例如,如果我使用向左箭头并移除 margin-left,则箭头位于视频的后面。 我尝试在 #timelapse-prev 按钮上添加一个 z-index : 10000 但它没有在视频前面显示按钮。

我一直在演示插件页面上执行此操作(使用开发者工具):http://pupunzi.com/mb.components/mb.YTPlayer/demo/demo_as_player.html 所以我假设这是我页面中导致问题的原因...

我尝试了很多方法(不同地设置其他 z-index),但没有效果。您知道什么会导致这种行为吗?

谢谢!!

谢谢 Mark Perera 和 Vincent G:

答案是我必须添加一个特定的位置属性。 添加 position:relative 和 z-index:10000 足以使元素位于视频顶部 !

抱歉给您带来麻烦! 谢谢大家!