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

Question

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

例如，头像图像被缩放到 32x32，即使原始图像是 45x45

<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

这只能在 CSS3 中使用 background-size 属性实现。请参阅spec 和compatibility table。