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;
}