我使用-webkit-border-image來指定我的主精靈圖像的風格。精靈圖像是一堆按鈕圖像。我用什麼樣式屬性來索引我的主精靈圖片？-webkit-border-image與css精靈
.red {
-webkit-border-image: url(sprite.png) 0 14 0 14;
}
紅色按鈕精靈在x = 0，y = 21。
我使用哪些屬性？如果是背景我會使用background-position。我不確定-webkit-border-image使用什麼。
你不能這樣做，border-image。根據this，CSS3將爲圖像切片和圖像精靈定義新的語法。
我還有一種印象是，使用邊界圖像不可能發現精靈。但我被證明是錯誤的。
邊界圖像的語法如下：
border-image: url([file]) [offsettop] [offsetright] [offsetbottom] [offsetleft];
邊界圖像是聯繫在一起的邊界寬度。可以使用偏移量來選擇要從原點顯示的圖像數量（即10px的頂點偏移量，10px的邊界頂寬度將從像素0到像素10顯示10像素）。
但是，如果使用0px的邊框寬度代替，則可能使用來使用偏移來隱藏圖像的一部分。在這種情況下，您可以使用填充來實現與邊框寬度相同的對齊方式。
看到這個職位的詳細信息和演示（我在那裏由斯科特·默裏，感謝斯科特校正）：