> > CSS圖片群組

CSS圖片群組

CSS Sprites 是 2005 年就提出來的優秀技術
把眾多小圖片變成一整張圖片
再用 CSS 來控制顯示範圍
可減少 HTTP 圖片請求數
整張圖片檔案大小也比總合圖片來得小
在檔案管理上也比較方便
請參見
A List Apart: Articles: CSS Sprites: Image Slicing’s Kiss of Death

<!--

背景 CSS 圖片群組

在之前的 CSS 滑鼠換圖有應用過
-->
Jennifer Semtner.com :: Web Designer / Developer » Blog Archive » Extending CSS Spriting
<!--

前景 CSS 圖片群組

由於列印背景圖片需要在使用者端做設定
否則無法列印出來
如果考慮到列印問題
改用前景 CSS 圖片群組是比較理想的方式
-->
<!--
前景 CSS 圖片群組比較麻煩的地方在於 clip: rect 的計算
說明
.img_clip{ position: absolute; clip: rect(上 右 下 左); }
範例
.img_clip{ position: absolute; clip: rect(20px 68px 52px 35px); }
不過對照圖片之後便一目瞭然
 
-->