已解決430363個問題，去搜搜看，總會有你想問的

新浪微博最底下這排按鈕是如何實現的

首頁猿問新浪微博最底下這排按鈕是如何實現的

Html/CSS Html5 JavaScript

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

關注