0
我在我的网页上有一个iframe视频：link to page（等待动画完成，视频显示，〜30秒动画......以及一个很好的机会服务器停机，挑选了有史以来最差的免费主机）。
我遇到的问题是，当我全屏显示时，当视频全屏显示时，我有一个覆盖视频(.team_container < .team_row [code at bottom]);的div，容器保持位于视频顶部。我试过将视频容器的z-index设置为2147483647，但无济于事。 这种工作的唯一解决方案是将覆盖div (.team_container)的z-index设置为-1，但它使该div中的链接不可点击。div覆盖iframe中的全屏视频
只有在视频全屏时才有改变z-index的方法吗？
有趣的是，当搜索这个时候，人们似乎正在尝试做我没有意义的事情。我只看到类似这样的其他问题，但解决方案不起作用。
用于视频容器CSS代码同时拥有一个文本动画和视频，与视频出现在动画结束：
.underlay_container {
width: 100%;
height: 500px;
padding: 0;
margin: 0;
}
.underlay_row {
display: block;
width: 960px;
height: 100%;
position: absolute;
left: 0;
right: 0;
padding: 0;
margin: 0 auto 0 auto;
text-align: center;
}
.scroll_container {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto 0 auto;
width: 960px;
height: 100%;
opacity: 1;
z-index: 1;
border-bottom: 1px solid rgba(217, 217, 217, 0.9);
-webkit-animation: toback 1s linear 20s 1;
-moz-animation: toback 1s linear 20s 1;
-o-animation: toback 1s linear 20s 1;
animation: toback 1s linear 20s 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.video_underlay {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto 0 auto;
width: 960px;
height: 0;
padding-bottom: 56.25%;
opacity: 0;
visibility: hidden;
z-index: 2147483647;
-webkit-animation: tofront 1s linear 20s 1 fowards;
-moz-animation: tofront 1s linear 20s 1 forwards;
-o-animation: tofront 1s linear 20s 1;
animation: tofront 1s linear 20s 1 forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.video_underlay iframe {
posiition: absolute;
top: 0;
left: 0;
width: 960px;
height: 500px;
z-index: 2147483647;
}
为DIV表示上面的全屏视频的CSS：
.team_container{
display: block;
width: 100%;
height: 600px;
padding: 0;
margin: 0;
}
.team_row {
display: block;
position: absolute;
left: 0;
right: 0;
width: 960px;
height: 100%;
padding: 0;
margin: 0 auto 0 auto;
}