Question

我有一个iframe全屏，如何在iframe上创建一个div？我尝试做类似Netflix播放器的操作，只是更加静态而不用javascript 所以有iframe，然后在php中有一些带有一些按钮和功能的div，但div在iframe之上有一个背景切割。它可行吗？ LIKE THIS IMAGE CHECK PLS

Answer 1

这是一个可能的解决方案：

<div class="iframe_container">
    <iframe width="100%" height="700px"></iframe>
    <div class="custom_functions"></div>
</div>

<style type="text/css">
    div.iframe_container {position: relative; width: 100%; height: 700px; background-color: #F0F;}
    div.custom_functions {position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 1; background-color: #FF0; height: 200px;}
</style>

根据需要更新值并使其符合您的需求

全屏iframe /图像上的div

1 个答案: