html - 在另一个绝对定位的元素上方应用可拖动容器

Question

我有一个包含指向其他页面的 IFRAME 的页面。 IFRAMES 父级将包含更改 IFRAME 的 URL 的搜索控件。 IFRAME 应始终显示最大屏幕，但搜索控件需要位于 IFRAME 结果之上。

我基本上希望它“总在最前面”

我怎样才能做到这一点？

例如，HTML 看起来像:
我试过弄乱 z-index...但没有成功。

<style>
    iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 90; }
    .search { position: absolute; top: 0; left: 0; height: 100px; width: 100px; z-index: 100;}
</style>

<div class="search>
    This Is My SEARCH CONTROLS CONTAINER
</div>
<div class="container">
    <iframe src="~/tours/_default/index.html" allowfullscreen align="center" />
</div>

Answer 1

"search 后缺少双引号。将其添加进去，看看是否有帮助。我刚刚在本地测试了这个，在添加缺少的 "时它对我有用。