javascript - 如何使 slider 上方的文本框

Question

这是我的 Fiddle .

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

我尝试了 z-index:999 但没有成功。

我看到问题div not showing above text box 但这对我没有帮助。

这是我的代码:

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>

样式:

.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}

我该怎么做？

Answer 1

您可以为输入提供绝对位置:

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

fiddle :http://jsfiddle.net/Cv9DM/3/