在Firefox中覆盖HTML 5视频上的div不起作用？

Question

基本上我已经：

    .pofvv{
	    position:relative;
	    width:100%;
    	height:100%;
	    background:black;
    	z-index:1;
    }
    .overlay{
	    position:absolute;
	    height:60px;
	    width:100%;
	    bottom:0px;
	    background: white;
  		z-index:2147483647;
    }

<video class="pofvv" id="pofvv">
		<source src="wajid.MP4" type="video/mp4">
	</video>
	<div class="overlay"></div>

正如您可以看到我的z-index容器上的最大overlay，无论视频是否为全屏，都可以使用chrome和opera。问题出在firefox上，如果视频进入全屏，我的overlay元素会低于视频。所以我真的很感激，如果有人能说出原因是什么以及如何解决它。

我所有的问候（'。*）

Answer 1

检查此代码段。

＆＃13;

＆＃13;

.pofvv{
	    position:relative;
	    width:100%;
    	height:100%;
	    background:black;
    	z-index:1;
    }
    .overlay{
	    position:absolute;
	    height:60px;
	    width:100%;
	    bottom:0px;
	    background: white;
  		z-index:2147483647;
      top:50%;
    }

＆＃13;

<video class="pofvv" id="pofvv">
		<source src="wajid.MP4" type="video/mp4">
	</video>
<div class="overlay"></div>

＆＃13;

＆＃13;

＆＃13;