我正在使用videojs播放视频,并已对逐帧视频内容进行了一些操作,然后在(ID:'display')中显示。当视频播放时,可以通过以下css显示在的前面。<style type="text/css"> canvas#display { z-index: 1; postion: relative; top: some-video-height-px; } video#videoDiv_html5_api { z-index: -2; } div.vjs-controls { z-index: 3; } </style> 似乎当<video>进入全屏模式时,z-index属性无法起作用。它保持在最前面,<canvas>不能覆盖在<video>之上。 在W3C文件中 https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#ui 我们有 :fullscreen { position:fixed; top:0; left:0; right:0; bottom:0; z-index:2147483647; box-sizing:border-box; margin:0; width:100%; height:100%; } 看起来z-index已经被设置为Integer.MAX_VALUE...