div+css 如何让背景图片横向缩小

Question

比如100*30的图片将其作为背景. 显示为60*30,图片是横向压缩， 而不是取其中一部分
请大家理解清楚问题再回答！！
我是要将大图横向缩小作为背景，用CSS控制，因为我一套模板下有多处用到类似的背景，制作多张背景图麻烦且加载慢，如果能自由控制背景图的大小就一举多得了！

Answer 1

背景图片实现不了缩放，是多大就是多大，只可以设置背景图片的位置，和重复等属性，没有缩放属性，背景图片大于容器，容器只会截取某部分，小了则根据你的定义重复显示，或者不重复，补背景颜色等

Answer 2

不可能。
作为背景的图片，其长宽尺寸不能控制，只能控制其显示出来的大小以及位置。

如果担心加载速度，那就少用图片，或者尽量压缩图片，或者使用小容量的图片，同时尽量使用平铺等CSS规则。非有必要不必更换背景图片。本回答被提问者和网友采纳

Answer 3

style="background:url(about_bg1.jpg) repeat-x（X轴循环） top（顶部，根据你的设计选择上下等方向）"

Answer 4

类似于图片切片的做法，先找到要显示的图片区域的坐标点，然后在CSS里设置。如果不清楚怎么是图片切片很难讲清楚。

还有一种笨办法就是用PS或者FW把要的图片切割出来，生成另一个图片

Answer 5

css3新属性 background-size