聂永的博客

记录工作/学习的点点滴滴。

在一个文本框后面显示删除按钮

先看一下效果吧。

点击前:
image

点击后:
image

如何实现的呢,看一下关键代码吧:

<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 属性,下面就是一点一点调整位置好了~

posted on 2008-12-30 11:37 nieyong 阅读(494) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。


网站导航:
 

公告

所有文章皆为原创,若转载请标明出处,谢谢~

新浪微博,欢迎关注:

导航

<2008年12月>
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910

统计

常用链接

留言簿(58)

随笔分类(130)

随笔档案(151)

个人收藏

最新随笔

搜索

最新评论

阅读排行榜

评论排行榜