没有显示使用CSS的背景图像

Question

我正在尝试写入CSS以将图像显示为背景并使其覆盖页面。

我使用以下代码保存为css / varPractice.css

body {
background-image: url("img/beautifulPic.jpg");
background-size: cover;
background-image: no-repeat;
}

并在我的html文档中包含以下行。

<link rel="stylesheet" href="css/varPractice.css">

然而，根本没有图片显示。这是该html文件中唯一的样式表链接。

有什么建议吗？

Answer 1

尝试删除background-image：repeat; 它应该是背景重复：重复; 你正在覆盖背景图片。

Answer 2

您正在重新声明background-image。您似乎打算使用background-repeat。

您的规则应如下所示：

body {
  background-image: url("img/beautifulPic.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}