Форма ввода Z-индекса

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-индексы работать не будут.Что я мог сделать?

Спасибо!

Answer 1

пожалуйста, попробуйте это: если я вас понимаю ....

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

Answer 2

Я не уверен, что понимаю вас.но вам нужно красное поле за полем ввода?еще здесь ваше решение:

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

привет, Стефан