1.使用图片的形式会出现大量的图片，影响性能，而且不易修改，所有使用图标加文字的形式进行
<a href="javacript:;" class="toolbar-item"> <span class="toolbar-btn"> <i class="toolbar-icon"></i> <span class="toolbar-text">公众<br/>账号</span> </span> <span class="toolbar-layer toolbar-layer-weixin"></span> </a>
2.https://icomoon.io/app/#/select 一个图标网站 下载之后，将font文件和style.css文件考走，将style.css里面的内容拷入到自己的scss文件中。再将对应的class名字添加到对应的html中。
3.这个方法的主要思路是：让i span都决定定位，当hover的时候，改变top的值。使用动画
原文：http://www.cnblogs.com/yangxiaomie/p/4842374.html