背景尺寸:覆盖范围无法覆盖整个屏幕

时间:2019-01-19 19:29:21

标签: html css background-image

我正在尝试设置背景图像以覆盖整个屏幕,但是它仍然不能覆盖整个页面,而只能覆盖整个页面。 我在做什么错了?

body {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/104215/launch-day-boom_copy.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

1 个答案:

答案 0 :(得分:-1)

body {background-image:url(“ https://s3-us-west-2.amazonaws.com/s.cdpn.io/104215/launch-day-boom_copy.svg”);最低高度:100vh; / *您必须设置一个指定的高度/ background-position:center; /将图片居中/重复背景:不重复; /不要重复图片/背景尺寸:封面; /调整背景图片的大小以覆盖整个容器* / ##>标题##}