将可拖动容器应用于另一个绝对定位元素上方

Question

我有一个页面，其中包含指向其他页面的IFRAME。 IFRAMES父级将包含更改IFRAME URL的搜索控件。 IFRAME应始终显示最大屏幕，但SEARCH CONTROL需要位于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后您的双引号丢失了。添加它，看看是否有帮助。我刚刚在本地进行了测试，在添加缺少的“。

时，它对我有用