Z-index输入表格

Question

我有这段代码：

http://jsfiddle.net/cmF4S/3/

<div style="float: left; position: relative;">
<input type="text" placeholder="Search..." style="float: left; border-radius: 3px 3px 3px 3px; padding: 2px 4px; margin-top: 6px; margin-left: 8px; border: 1px solid rgb(143, 241, 255); height: 22px; font-size: 14px; font-family: Arial; width: 200px;" name="password" id="password">
<div style="background-color: red; left: 5px; right: 9939px; top: 30px; position: absolute; width: 100px; padding: 50px">
s
</div>
</div>

我会从输入表单覆盖红色框（例如输入表单在红色框上，部分隐藏在输入表单中），但是z-index不起作用。我该怎么办？

谢谢！

Answer 1

我不确定我理解你。但你需要输入字段后面的红框吗？ 否则这是你的解决方案：

http://jsfiddle.net/cmF4S/12/

映入眼帘， 斯特凡

Answer 2

请试试这个：如果我理解你......

http://jsfiddle.net/cmF4S/19/