html - 我如何 'send an image back' ，在文本框后面？

Question

你可以查看我的问题:

http://i.stack.imgur.com/cGoEU.png

该图像覆盖了我的登录表单。如何让它移到文本框和登录按钮后面？

这是我的代码:

<img src="C:\Users\George\Documents\HTML\My Local Soccer\pics\icons\gradient box.gif" 
    style="position:absolute; top: 155px; left: 480px; width:auto; height:auto;">
<input type="text" class="tb7" value="Username" style="margin-left: 563px" 
    maxlength="20" onfocus="if(this.value == 'Username') {this.value='';}" />         
</br>
<input type="text" class="tb8"  value="Password" style="margin-left: 563px;"   
    maxlength="20" onfocus="if(this.value =='Password') {this.value='';}"/>
<input type="image" height="25px"   width="67px" style="vertical-align:top;"
    src="C:\Users\George\Documents\HTML\My Local Soccer\pics\icons\sign in.gif" />

Answer 1

试试 style="z-index:-5;"和位置相对或绝对