css - 我可以减少 Image Sprite 的宽度和高度吗？

Question

我有一个按钮，我正在使用图像 Sprite 显示图像作为该按钮的背景。但是如何调整背景图片的高度和宽度，使图片居中并显示得更小或更大。

我的 HTML 按钮是:

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

我创建了一个 JsFiddle .

Answer 1

在较新的浏览器中，您可以尝试使用 background-size:

background-size : 50% 50%;