从精灵调整图像大小

Ser*_*gey 14 html css

是否可以调整从sprite接收的图像的大小.我的意思是这样的:

background: url(../images/sprite.png) no-repeat -1px -1170px;
display: block;
height: 14px;
width: 14px;
Run Code Online (Sandbox Code Playgroud)

是否可以改变精灵的宽度和高度?例如,如果我在sprite中有铅笔图标,分辨率为40x40,但我想显示此铅笔图标,如20x20像素

先感谢您.

zma*_*anc 25

另一种解决方案是使用zoom: .5;css3 的属性.

  • 我希望我能给你更多的选票。这是一个旧的,但仍然非常有效。 (2认同)
  • 很遗憾在Firefox中不支持. (2认同)

Gre*_*g B 8

您可以background-size在css3中使用该属性:

background-size: 50% 50%;
Run Code Online (Sandbox Code Playgroud)

  • 但是当我们设置背景位置时,它不起作用. (7认同)
  • 您的定位可能需要更改,因为精灵现在是一半大小. (2认同)