如果我将常规的 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 标签,并且还需要将其缩放到大小。
有什么已知的技巧可以做到这一点吗?
这只能在 CSS3 中使用background-size
财产。看spec and 兼容性表.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)