网页高度自适应，body中background用url图片为什么不显示，怎么解决

Question

用下图重复，不把图片拉伸

Answer 1

background: url(img/56f88d320001fc2d00000000.jpg)0 0 repeat-x;

url路径自己看看对不对，0 0是位置，如果要居中就center center , repeat-x是按x轴重复，就会铺满，如果要y轴重复就x改y，不想重复就改成no-repeat。

改成这样应该就算是可以了，图片应该不会拉伸，如果拉伸了，可以设置下background-size.

图片没有显示可能是你的宽度有问题，你可以尝试用浏览器f12打开控制台，选中元素，然后查看下样式，如果你不愿意，也可以直接在css里面帮那个元素增加下宽度和高度，然后打开浏览器查看

Answer 2

background:url(xxx.jpg);

Answer 3

body是可以添加背景图片的，这里不显示可能出现的原因是body的高度不够，撑不下整个网页，所以图片显示不出来

在样式表中给html或者body定义width:100%;height:100%;

然后检查一下你的图片路径是否正确，

然后这样写background:url(地址/图片名称.格式) center repeat；

如果是内联样式内部样式就不需要检查css文件引用错误问题

Answer 4

body是可以添加背景图片的，这里不显示可能出现的原因是body的高度不够，撑不下整个网页，所以图片显示不出来

在样式表中给html或者body定义width:100%;height:100%;

然后检查一下你的图片路径是否正确，

然后这样写background:url(地址/图片名称.格式) center repeat；

如果是内联样式内部样式就不需要检查css文件引用错误问题

Answer 5

你这里图片不显示：1，body没有高度； 2，背景图路径错误； 3，css代码出现马虎错误

Answer 6

如果没有给父容器设置高度，背景图片没有办法显示。

Answer 7

你可以给div设置一张图片。并把它设置成背景。

<div>
	<img  src="640.jpg" style="z-index:-1; position:absolute; width:100%; height:100%; " />
</div>