我可以縮小圖像精靈的寬度和高度嗎？

Question

我有一個按鈕，我使用圖像精靈將圖像顯示爲該按鈕的背景。但是，如何調整背景圖片的高度和寬度，以便我可以將圖片居中放大或縮小。

我的HTML按鈕：

<input type="button" style="background-image:url(http://s14.postimg.org/cvj2v79gx/csg_539205e53e474.png)" class="sprite-Answer1 callIcons" /> 

我創建了一個JsFiddle。

Answer 1

下載圖片，使用照片編輯程序調整圖片大小，然後上傳到您的服務器+相對網址。

Answer 2

在新的瀏覽器，你可以嘗試使用background-size：

background-size : 50% 50%; 

Answer 3

我覺得最容易使用的背景大小：蓋。

http://jsfiddle.net/DsXs7/19/

在小提琴，你可以看到背景精靈的寬度的一半。您需要調整背景位置，以顯示您想要的精靈圖像。對於ie8及以下版本，您可能需要添加一個條件樣式表和一個非惡意圖像。

<!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="styles-ie.css" /><![endif]--> 

在IE風格中，只需使用調整大小的圖標即可。不要爲此感到難過，因爲我認爲任何人都不會在移動設備上使用IE，所以速度不應太冒犯。