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

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

http://img.mukewang.com/56f88d320001fc2d01050576.jpg

倾昀
浏览 8365回答 8
8回答

心灵的告诫

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里面帮那个元素增加下宽度和高度,然后打开浏览器查看

马君保

background:url(xxx.jpg);

鉁碏眼偂亽

body是可以添加背景图片的,这里不显示可能出现的原因是body的高度不够,撑不下整个网页,所以图片显示不出来在样式表中给html或者body定义width:100%;height:100%;然后检查一下你的图片路径是否正确,然后这样写background:url(地址/图片名称.格式) center repeat;如果是内联样式内部样式就不需要检查css文件引用错误问题

淡雅的默

body是可以添加背景图片的,这里不显示可能出现的原因是body的高度不够,撑不下整个网页,所以图片显示不出来在样式表中给html或者body定义width:100%;height:100%;然后检查一下你的图片路径是否正确,然后这样写background:url(地址/图片名称.格式) center repeat;如果是内联样式内部样式就不需要检查css文件引用错误问题

慕渣渣

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

野猫1

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

秀秀的大宝贝

你可以给div设置一张图片。并把它设置成背景。<div> <img  src="640.jpg" style="z-index:-1; position:absolute; width:100%; height:100%; " /> </div>
打开App,查看更多内容
随时随地看视频慕课网APP