2012-01-04 11 views
1

私はこのコードを持っている:Zインデックス入力フォーム

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> 

をIは、入力フォームから上書きされる赤いボックスだろう(例えば、入力フォームは、部分的に赤いボックス、上にあります入力フォームから隠されています)、z-indexは機能しません。何ができますか?

ありがとうございます!

答えて

0

私はあなたを理解しているか分かりません。入力フィールドの後ろに赤いボックスが必要ですか? は他にここにあなたのソリューションです:

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

挨拶し、 ステファン

関連する問題