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

Html 有没有办法缩放背景图像样式?,html,css,Html,Css,如果我将常规的img标记放在html中,我基本上可以指定宽度和高度,浏览器将缩放图像。只要尺寸与原始尺寸相差不太远,结果就不错 例如,化身图像被缩放到32x32,即使原始图像是45x45 <img width="32" height="32" alt="" src="http://www.google.com/friendconnect/scs/images/NoPictureDark.png"> 有没有办法像这样缩放css背景图像中的图像 <div class='ava

如果我将常规的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标签,还需要将其缩放到合适的大小


有任何已知的技巧可以做到这一点吗?

这只有在CSS3中使用
背景大小属性才能实现。请参阅和。

可能的副本。