css问题:如何控制背景图片的大小

来源：百度知道 编辑：UC知道 时间：2024/06/25 09:34:59
我设置了一个大小为24*24的区域.目的是为了显示图片。图片大小为100*100，当我用background：url（../xx/xxx）添加背景的时候，只显示了24*24的区域，相当于把图片切了一块24*24大小的图片部分下来，我想问问如何设置让这个100*100的图片缩小显示再24*24的区域内？高手帮帮忙啊!

1、css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。
2、css3中可以通过background-size来控制图片的大小。
background-size属性用法：

background-size: length|percentage|cover|contain;
1）length:设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。
2）以父元素的百分比来设置背景图像的宽度和高度。
3）把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
4）把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

具体示例可以参考：http://www.w3school.com.cn/cssref/pr_background-size.asp

用Fireworks把图像缩小成24*24的再做背景，

或者你不把图片当背景，直接放到页面中去，设置图片的大小为24*24像素就好了。

背景图不能改变大小，你只能用图片编辑软件来把图片缩小后，在放进去了

background-size: 24px;