为了账号安全,请及时绑定邮箱和手机立即绑定

新浪微博最底下这排按钮是如何实现的

新浪微博最底下这排按钮是如何实现的

Robert_Langdon 2016-12-30 21:54:44
如下图所示,每一条微博下都有收藏、转发、评论、点赞这四个功能,现在我的问题是,这四个功能都配有一个小图标,我在审查它元素代码的时候,即没发现<img>图片插入,也没发现背景图片设置,我想知道这个图标的图片是如何加到页面中来的。求大神解答,谢谢。附:新浪微博网址 http://weibo.com/
查看完整描述

5 回答

已采纳
?
JiaZombie

TA贡献29条经验 获得超12个赞

这个东西叫字体图标。拿点赞图标来说:

<em class="W_ficon ficon_praised S_txt2">ñ</em>

其中的 'W_ficon' 这个样式:

.W_ficon {
    font-family: "wbficonregular" !important;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
}

使用的字体是 "wbficonregular" , 这个字体里面 'ñ' 这个就是点赞图标的样子。

查看完整回答
反对 回复 2016-12-31
?
echo_kinchao

TA贡献600条经验 获得超86个赞

很明显 是当成字符来处理啊 

查看完整回答
反对 回复 2017-01-03
?
Doit的信仰

TA贡献44条经验 获得超11个赞

css3 的  字体图标,链接本地或网上的字体库

查看完整回答
反对 回复 2017-01-03
?
紫晴20

TA贡献9条经验 获得超5个赞

人家用的是文字图标,图标库里面的,引用样式就可以了,图标可以像字体那样设置大小,颜色

查看完整回答
反对 回复 2017-01-01
  • 5 回答
  • 1 关注
  • 2277 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信