ZIndex 在 flexbox 列表中堆叠 IFRAME 和 DIV

编程问答 2022-05-31

问题描述

我的问题是关于在属于 flexBox 列表的 DIV 中根据它们的 zIndex 堆叠两个 HTML 元素（第一个是 iFrame，第二个是 div）。

主要的 HTML 是

<html>
...
<body style="display:flex;flex-direction:column;">
<div id="0" style="position: relative; order: 0; border-left: none;"><iframe ....></iframe></div>
...
</body>
</html>

发生的情况是，在某个时刻，一个新的 DIV 被附加到主项 DIV，因此有两个元素。

<html>
...
<body style="display:flex;flex-direction:column;">
<div id="0" style="position: relative; order: 0; border-left: none;"><iframe ....></iframe>
<div id="anotherDiv" style="z-index:1;" .... />
</div>
...
</body>
</html>

我需要将第二个元素放在另一个元素上（最好在右侧并垂直居中），而不是在后面，正如我现在看到的那样。

无论我分配什么样式参数，我都无法获得我想要的。

如何做到这一点？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

flexboxflexboxhtmliframeiframez-index