CSS绝对按钮有“输入”字段；推；通过按钮

我设计了一个按钮，在一定程度的输入不活动后，它会出现在我的网页上。该按钮使用以下CSS覆盖整个页面：

.continue {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(5, 89, 158, 0.7);
  color: #000;
}

它成功地覆盖了整个网页，但是输入字段通过按钮“按下”，因此当您应该能够单击按钮继续时，您可以单击输入字段。禁用输入字段似乎并没有把我的按钮放在首位

---

有什么想法吗？

如上所述，问题可能是z索引之间的冲突。Z索引决定元素的堆叠顺序，有点像illustrator或photoshop中的图层。通过设置更高的z索引（在绝对或固定位置元素的上下文中），可以确保它们显示在具有较低（或默认）z索引值的元素的“顶部”。尝试将按钮的z索引设置为999以进行测试

---

请参阅：和以获取文档。

您是否可以向我们展示相关的HTML？您是否考虑过使用？实际上，具有类continue的元素是什么？提供一个合适的环境。创建一个沙箱或小提琴会很有帮助