CSS：重叠DIVs问题

我想要两个div。看起来是这样的：

问题是，如果我只是将

边距设置为顶部：-50px

DIV2变为顶部。 如果我使用z-index，DIV2会落后，但是DIV2上的表单不能使用，因为它有点落后，无法单击、选择或任何这些

我如何让它工作

第1部分css：

position:relative;
height: 350px;
margin-top: -50px;
z-index: -10;

position:relative;
z-index: 100;

第2部分css：

padding: 24px;
z-index: 10;
margin-bottom: -50px;

z-index: 10;
margin-bottom: -50px;

---

在不知道任何细节的情况下，它可能与负z索引有关

堆叠顺序区分正值和负值：

规格定义了7个绘制层。从后面到前面，他们 它们是：

消息来源是

尝试使div1的z索引为正，而不是div2的z索引为负

---

请注意，z索引仅适用于位置值为绝对值、固定值或相对值的框的堆栈级别。

因此，感谢Wesley的帮助，以下是实际代码：

第1部分css：

position:relative;
height: 350px;
margin-top: -50px;
z-index: -10;

position:relative;
z-index: 100;

第2部分css：

padding: 24px;
z-index: 10;
margin-bottom: -50px;

z-index: 10;
margin-bottom: -50px;

---

也许您可以使用第三个透明div，并为其指定最大的z索引。然后你把你的表格放在这个新的分区里。我按照你说的更正了，没有用10和-10的z索引，我把它改成了10和5，但是布局坏了\注意，z索引只适用于位置值为绝对值、固定值或相对值的框的堆栈级别。是的，这是我没有意识到的问题。