有没有办法缩放背景图像样式？

Question

如果我将常规img标记放在html中，我基本上可以指定宽度和高度，浏览器将缩放图像。只要尺寸与原件尺寸相差太远，结果就不错了。

例如，即使原始图像是45x45

，也可以将头像图像缩放到32x32

<img width="32" height="32" alt="" src="http://www.google.com/friendconnect/scs/images/NoPictureDark.png">

有没有办法在css背景图像中缩放图像，像这样？

<div class='avatar' style='background-image:url("hhttp://www.google.com/friendconnect/scs/images/NoPictureDark.png");'>

我基本上想要将头像显示为背景图像的属性，而不是通常的img标签，还需要将其缩放到大小。

是否有任何已知的技巧可以做到这一点？

Answer 1

这仅适用于使用background-size属性的CSS3。请参阅spec和compatibility table。