我正在加载一个在 iframe 中有一个小程序的外部页面。我需要在这个 iframe 上方显示一个浮动 div。如果我在包含的 div 上使用相对位置或绝对位置,在浮动 div 上使用更高的 z-index,它在 Firefox 中可以正常工作,但在 Chrome 或 IE 中不起作用。chrome 和 IE 都在小程序下方呈现浮动 div。
对此有任何指示吗?
如果我使用一些 iframe 中没有小程序的页面,那么它可以正常工作。
我遇到了类似的问题,看起来如果我将我的 div 放在与小程序相同的级别并提供更高的 z-index 它可以工作,但这是一个我加载的外部页面,我不能在那里放任何东西。
我的代码有点像这样:
<div id="div1" style="position: absolute; z-index:1;">
<iframe src="http://xyz...." width="400" height="200" ></iframe>
</div>
<div id="div2" style="position: absolute; top:20; z-index:5">
Floating div content
</div>