为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

倾昀 2016-03-28 09:51:46
用下图重复,不把图片拉伸
查看完整描述

8 回答

?
心灵的告诫

TA贡献5条经验 获得超4个赞

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

查看完整回答
3 反对 回复 2016-03-28
?
马君保

TA贡献5条经验 获得超8个赞

background:url(xxx.jpg);


查看完整回答
1 反对 回复 2016-03-28
?
鉁碏眼偂亽

TA贡献11条经验 获得超2个赞

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

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

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

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

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


查看完整回答
反对 回复 2016-03-29
?
淡雅的默

TA贡献102条经验 获得超139个赞

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

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

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

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

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

查看完整回答
反对 回复 2016-03-29
?
慕渣渣

TA贡献10条经验 获得超2个赞

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

查看完整回答
反对 回复 2016-03-28
?
野猫1

TA贡献15条经验 获得超8个赞

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

查看完整回答
反对 回复 2016-03-28
点击展开后面1
?
秀秀的大宝贝

TA贡献7条经验 获得超3个赞

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

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


查看完整回答
反对 回复 2016-03-28
  • 8 回答
  • 0 关注
  • 8292 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信