自定义video控制栏 全屏时的z-index被video本身覆盖的问题

Question

项目需求要实现一个自定义的video播放器， 自定义控制栏样式，目前其他做好了，在控制栏的z-index取比video全屏默认最大的z-index=2147483647 更大就行 但是只能在chrome有效果， 火狐还有IE均被video全屏标签覆盖。请问如何解决

Answer 1

你试试给video 也设置z-index 值 这个值无所谓大小，只需要比你要覆盖的元素的z-index值大就行，顺便提一下，z-index 只能针对同级的标签有效，也就是说子标签的 z-index 值对父标签是无效的，因为两者的级别不同 ，z-index 是无法进行比较的。