組織圖示

想要將所有使用的圖示組織起來，你可以將它們全部存在同一張圖片裡，然後告訴Mozilla要使用圖片中的哪一部份。這是靠-moz-image-region命令來達成。

這邊要插入圖片 A bunch of 20px X 20px icons in a grid format

上圖是包含許多小圖示的來源圖檔，要使用-moz-image-region命令來作處理，每一列包含了四個同樣的圖示但分別表示不同狀態(一般、滑鼠移過、滑鼠按下、無效)。要將每個小圖示裁切下來，你必需在css檔案中指定一個矩形，像是：

1. button-send {

 -moz-image-region: rect(294px 23px 315px 0px);

}

1. button-send:hover {

 -moz-image-region: rect(294px 46px 315px 23px);

}

1. button-send:hover:active {

 -moz-image-region: rect(294px 69px 315px 46px);

}

1. button-send[disabled="true"] {

 -moz-image-region: rect(294px 92px 315px 69px) !important;

}

指定給Rect的四個值是用順時鐘方向的順序，上、右、下、左。