css sprite 調整大張圖片中小表徵圖的大小

標籤：css   sprite   切圖   

直接說解決方案：

假設一張拼合好的大圖大小是：900 x 1000 px （如）

現在想取圖中左上方的河馬表徵圖，並縮小表徵圖的大小。

正常取圖：

.sprite {background: url('imgs/woqu_localjoin_all.png') no-repeat -21px -80px;width: 190px;height: 154px;}

現在取正常表徵圖大小的一半：

<pre name="code" class="html">.sprite {background: url('all.png') no-repeat -10px -40px;width: 95px;height: 74px;background-size:450px 500px;}

OK，大功告成！

最後推薦大家一款css sprite測量工具：http://www.spritecow.com/

開啟，把拼合好的png圖拖進去：