先上個原理圖
原理示意
css-sprite就是把很多張圖合并在一張圖內，我們就是要用background-position把我們要的圖挖出來。
background-position設置的是圖片的起始位置相對于div左上的坐標，只需要把div左上看成坐標原點，右下為正值，就看的很清楚了，我們值需要把position設為負值，就能挖到灰色的部分了。再設置寬，高，就能挖到紅色的小圖了。
css-sprite使用
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
推薦閱讀更多精彩內容
- 為了減少網絡請求個數量，提高網站的訪問速度，我們一般都會把一些小的圖片合并成一張sprite圖，然后根據backg...
