如何在全屏iframe上显示带控件的div

时间:2016-10-08 12:16:15

标签: z-index fullscreen

我想在全屏youtube视频上显示关闭/取消按钮,但youtube视频iframe有z-index 2147483647我也设置了相同的z-index到我的div但是它没有显示在上面的iframe

这是我的代码:

<body>
...
// some other content
...
<div id="custom_button">close</div>
// iframe
</body>

我使用下面的代码来全屏iframe:

var requestFullScreen = iframe.requestFullScreen || iframe.mozRequestFullScreen || iframe.webkitRequestFullScreen;
if (requestFullScreen)
{
    requestFullScreen.bind(iframe)();
}

我为custom_button设置了css:

z-index: 2147483647;
position: absolute;
top: 30%;
right: 1%;
color: #fff;
cursor: pointer;
width: 50px;
height: 50px;

但它没有显示在全屏iframe之上。

怎么做?

0 个答案:

没有答案