首頁(yè) 猿問(wèn) 新浪微博最底下這排按鈕是如何實(shí)現(xiàn)的

新浪微博最底下這排按鈕是如何實(shí)現(xiàn)的

Html/CSS Html5 JavaScript

Robert_Langdon 2016-12-30 21:54:44

如下圖所示，每一條微博下都有收藏、轉(zhuǎn)發(fā)、評(píng)論、點(diǎn)贊這四個(gè)功能，現(xiàn)在我的問(wèn)題是，這四個(gè)功能都配有一個(gè)小圖標(biāo)，我在審查它元素代碼的時(shí)候，即沒(méi)發(fā)現(xiàn)<img>圖片插入，也沒(méi)發(fā)現(xiàn)背景圖片設(shè)置，我想知道這個(gè)圖標(biāo)的圖片是如何加到頁(yè)面中來(lái)的。求大神解答，謝謝。附：新浪微博網(wǎng)址 http://weibo.com/

查看完整描述

5 回答

已采納

JiaZombie

TA貢獻(xiàn)29條經(jīng)驗(yàn) 獲得超12個(gè)贊

這個(gè)東西叫字體圖標(biāo)。拿點(diǎn)贊圖標(biāo)來(lái)說(shuō)：

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

其中的 'W_ficon' 這個(gè)樣式：

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

使用的字體是?"wbficonregular" ，這個(gè)字體里面 '?' 這個(gè)就是點(diǎn)贊圖標(biāo)的樣子。

反對(duì) 回復(fù) 2016-12-31

Robert_Langdon
謝謝這個(gè)方法可行

回復(fù) 2017-01-01

echo_kinchao

TA貢獻(xiàn)600條經(jīng)驗(yàn) 獲得超86個(gè)贊

很明顯是當(dāng)成字符來(lái)處理啊?

反對(duì) 回復(fù) 2017-01-03

Doit的信仰

TA貢獻(xiàn)44條經(jīng)驗(yàn) 獲得超11個(gè)贊

css3 的 ?字體圖標(biāo)，鏈接本地或網(wǎng)上的字體庫(kù)

反對(duì) 回復(fù) 2017-01-03

紫晴20

TA貢獻(xiàn)9條經(jīng)驗(yàn) 獲得超5個(gè)贊

人家用的是文字圖標(biāo)，圖標(biāo)庫(kù)里面的，引用樣式就可以了，圖標(biāo)可以像字體那樣設(shè)置大小，顏色

反對(duì) 回復(fù) 2017-01-01

Robert_Langdon
好像是這么回事我按1L方法的做了成功了

回復(fù) 2017-01-01

5 回答
1 關(guān)注
2423 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

新浪微博最底下這排按鈕是如何實(shí)現(xiàn)的

新浪微博最底下這排按鈕是如何實(shí)現(xiàn)的

5 回答

相關(guān)問(wèn)題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

新浪微博最底下這排按鈕是如何實(shí)現(xiàn)的

新浪微博最底下這排按鈕是如何實(shí)現(xiàn)的

5 回答

相關(guān)問(wèn)題推薦

添加回答