html css 如何一张图片铺满整个背景，不留空白的。并且图片是固定的

Question

【1】

怎样一张图片铺满整个背景，不留空白的。并且图片是固定的。不带滚动条的。。。

【2】

是不是一定要图片与整个背景一样大才能铺满，不留白？那图片大小尺寸要多少呢？？

Answer 1

(1)body{background:url(背景图) repeat;} 说明：repeat表示背景图的平铺方式！其实一般你将一张图片作为背景时，会默认为平铺，所以不需要刻意去设置，相反如果我们不想图片平铺那么这时就需要设置为no-repeat;这时图片就会按原来的尺寸显示！
（2）如果图片过小，那么图片平铺就会出现重复的地方，其实和把一张图片设置为桌面墙纸类似！ 我试过了，想要想铺满但是不重复的话选择一张1024X768的图片，当然这只是针对显示器为1024X768的！ 具体选择就看你显示器的分辨率了！

Answer 2

<style>
body{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif) fixed}
</style>
图片与背景一样大的想法是不可行的，因为背景多大，取决于显示器分辨率，浏览器窗口大小。
另外，作为背景图的图片，是不能缩放大小的。