Javascript 如何使文本框位于滑块上方

这是我的名片

我需要使文本框显示在滑块的中间。如果悬停，文本框不应受到影响

我尝试了

z-index:999

，但没有成功

我看到了问题 但这对我没有帮助

这是我的密码：

html:

<div class="mask">
<h2>Hover Style #5</h2>
<p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
<a href="#" class="info">Read More</a>
</div>

---

如何执行此操作？

您可以为输入指定绝对位置：

<input type='text' style="z-index:999;position: absolute;top: 50px;left: 67px;">

---

Fiddle:

您可以为输入指定绝对位置：

<input type='text' style="z-index:999;position: absolute;top: 50px;left: 67px;">

---

小提琴：

您刚刚忘记指定位置：绝对。没有它，“z索引”就不起作用

像这样解决它：

HTML

或在此：

---

您只是忘记指定位置：绝对。没有它，“z索引”就不起作用

像这样解决它：

HTML

或在此：

---

提供位置：绝对位置；在文本框样式中提供位置：绝对；在文本框样式中，可以添加相对于取消输入的位置。 这样，它将保持原来的状态

<input type='text' style="z-index:999; position: relative"/>  

---

您可以添加位置：相对于反输入。 这样，它将保持原来的状态

<input type='text' style="z-index:999; position: relative"/>  

---

当我正在与“在JSFIDLE之前放一些代码…”进行斗争时，在我面前发布了它：）如预期的那样工作，非常感谢！！。。但如果我把它放在两个滑块上，它就不起作用了。我会在一个单独的问题中问它。当我在与“在JSFIDLE之前放置一些代码…”进行斗争时，在我面前发布了它：）如预期的那样工作，非常感谢！！。。但如果我把它放在两个滑块上，它就不起作用了。我将在另一个问题中提问。

<input type='text' style="z-index:999; position: relative"/>