先看一下效果吧。
点击前:
点击后:
如何实现的呢,看一下关键代码吧:
<div id="mainDiv" style="position:relative;">
<div id="testDiv" style="border:1px solid #FFF; position:absolute; right:156px; top:4px; display:none;"><img src="images/log/delete.png" width="18" height="18" title="切换到所有页面" border="0"/></div>
<input type="text" value="所有页面" readonly="readonly" title="输入看一下啊~"/>
…
</div>
关键是mainDiv 需要position:relative 样式属性,testDiv 需要position:absolute 属性,下面就是一点一点调整位置好了~