评论回复是个很常见的东西，但是各大网站实现的方式却不尽相同。大体上有两种方式 1. [img]http://files.jb51.net/file_images/article/201505/2015050609090310.png[/img] 像优酷这种最常见，在输入框中@要回复的人，这种方式下，用户可以修改@。 新浪微博则是在这个基础上，弹出好友菜单。这种方式的好处是不需要任何js,css处理兼容。 [img]http://files.jb51.net/file_images/article/201505/2015050609090311.png[/img] 2. [img]http://files.jb51.net/file_images/article/201505/2015050609090312.gif[/img] 像qq空间这种，对回复的人整个删除。本屌感觉这种方式比较好，但这种方式有些兼容性上的细节，这个后面会详细说明。 事实上，qq空间的这种实现在效果上是兼容了ie和现代浏览器的，做的非常好。上面是chrome [b]ie8[/b] [img]http://files.jb51.net/file_images/article/201505/2015050609090313.gif[/img] [b]ie7[/b] [img]http://files.jb51.net/file_images/article/201505/2015050609090314.gif[/img] ie6就不上图片了，太卡了，都懂得，最后本屌会附上最终例子的，当然也兼容ie6。 下面就说说怎么实现的。 先看看qq空间是怎么做的 [b]chrome[/b] [img]http://files.jb51.net/file_images/article/201505/2015050609090315.png[/img] 上面可以看到，qq空间是在button中加上文字，这样在删除的时候对被回复的用户名就能整个删除了。 不过这样做还不够，首先是样式，需要把button设置成inline-block， 消除button默认的透明背景，边框，当然还有padding,margin设为0