先上個(gè)原理圖
原理示意
css-sprite就是把很多張圖合并在一張圖內(nèi)，我們就是要用background-position把我們要的圖挖出來倡勇。
background-position設(shè)置的是圖片的起始位置相對(duì)于div左上的坐標(biāo)逞刷，只需要把div左上看成坐標(biāo)原點(diǎn)，右下為正值译隘，就看的很清楚了亲桥，我們值需要把position設(shè)為負(fù)值，就能挖到灰色的部分了固耘。再設(shè)置寬题篷，高，就能挖到紅色的小圖了厅目。
