頁面上如果有很多小圖標的話,以前我們的做法就是,一個小圖標一張圖片,但是現在我們卻習慣於把這許多小圖片整合成一張圖片,通過控制這一張圖片的位置和大小來獲取相應的小圖片。
以搜狐娛樂的背景圖片爲例:
大家可以試試以下代碼:
<div style="background-image:url(http://s.biz.sohu.com/pic_module/images/pic-n-03.gif); background-position:0px -31px; width:30px; height:30px;" ></div>
得到的就是第二排第一個圖標。