背景图片无法铺满这个屏幕

发布于 6 年前作者 jing064358 次浏览最后编辑 6 年前来自 ask

.content{  font-family: 微软雅黑,宋体;  height: 100%;  width: 100%;  font-size: 14px;  background-size:cover;  background-image: url(“https://timgsa.baidu.com/timg?image&quality=80&size=b9999\_10000&sec=1515673917986&di=1c9513c3e2f07003d675e08146ef6b54&imgtype=0&src=http%3A%2F%2Fdown.tutu001.com%2Fd%2Ffile%2F20110706%2F33e9ccfa719f00dc54fb0beec7\_560.jpg”);

wxss代码如上图,便宜是成功的,但是height设置成100%似乎没有作用,背景图片依然只显示有文字的那部分。如何让图片铺满整个屏幕呢?

WXOPEN Club 内容图片
8 回复
guiying04
guiying041 楼6 年前

但是问题来了,我用的网络图片,如何对其设置高度呢?

xia65
xia652 楼6 年前

谢谢

lei79
lei793 楼6 年前

网络图片不能设置高度么? 直接在标签上设置宽高,应该是没问题的。

yan78
yan784 楼6 年前

我把height:100%改为了100vh就好了。问题已解决;但是心中还是疑惑,对标签设置height为100%为啥不起作用呢?

longyong
longyong5 楼6 年前

1:把他的所有父级元素都设为:height:100%

2:把这个content  position设为fixed 或absolute

mduan
mduan6 楼6 年前

page有没有设置100%? 给page页100%高度。然后给容纳图片的标签100%高度和宽度,图片也是100%高度和宽度

xiuyingdu
xiuyingdu7 楼6 年前

高度100%是相对父级的100%咯,父级高度随子级高度变化,那说明父级是自动高度,无法形成相对值。

guli
guli8 楼5 年前

给page页100%高度。然后给图片100%高度和宽度