Question

html背景图片如何自适应大小

我在制作网页时，有几个div用的是同一个背景图片，不过每个div的大小不一样。
求助各位大神有没有办法让背景图片自适应div的大小，没有切割，没有重复，只让图片大小能智能匹配div的大小，请不吝赐教。做几个不同大小的图片这个方法除外。

Answer 1

无法按你说的理想实现。

但大神们一般不会去找盖茨非让他把这个功能加上，一般都是想个变通的方法。
首先我不知你为什么要用多个DIV，为什么要用同一张图片，为什么有大有小，为什么非得是背景。我给你说个思路，肯定行。
首先背景自适大小肯定行不通，那么不是背景的话，就是一张图片的话肯定可以行得通的（定义每个DIV宽高，里面的图片宽高），所以看代码吧
<div style="position:relative;width:300px;height:200px;border:1px solid red;float:left;">
<img src="img/header_right.jpg" style="width:300px;height:200px;">
<div style="position:absolute;top:0px;left:0px;">这里放入内容1</div>
</div>
<div style="position:relative;width:200px;height:100px;border:1px solid red;float:left;">
<img src="img/header_right.jpg" style="width:200px;height:100px;">
<div style="position:absolute;top:0px;left:0px;">这里放入内容2</div>
</div>
<div style="position:relative;width:100px;height:50px;border:1px solid red;float:left;">
<img src="img/header_right.jpg" style="width:100px;height:50px;">
<div style="position:absolute;top:0px;left:0px;">这里放入内容3</div>
</div>

Answer 2

<div style="width:600; height:300; border:1px solid #FF0000; word-wrap: break-word;">
<img style="position: absolute; left: 11; top:15; z-index:-1;"
src="图片.jpg" width="100%" height="100%">
文章内容。。。。
</div>
css没有背景图自适应大小拉伸，它的拉伸只有全重复、横重复、纵重复和不重复。
这样变通一下，请自行调整div的宽和高；img图片的左和上、以及图片文件名

Answer 3

可以推荐你一个网站3wschool