html - 背景图片未显示在我的页面上

Question

我在正确的文件夹中有图像，但我想在图像顶部添加一个文本框，有人告诉我最好的方法是将图像设为背景图像，但是当我按照教程进行操作时，它从来没有出现了吗？不管怎样，这是我的 html

<div class="module">
                    <h2>blah blah</h2>
                            </div>

和我的 CSS

    .module {
  margin: 10px;
  width: 1530px;
  height: 717px;
  display:block;
  background: url('C:\Users\Jason\Desktop\champions\images\shop.png');
  background-size: cover;
  position: relative;
}

h2 {
  position: absolute;
  bottom: 100px;
  left: 100px;
  background: rgba(0, 0, 0, 0.75);
  padding: 4px 8px;
  color: white;
  margin: 0;
  font: 14px PTSans;
}

图像是整个屏幕的宽度，所以我在 bootstrap 中使用 container-fluid，文本框将位于图像的中间。

Answer 1

你可以这样调用本地文件作为背景:

background: url("file://PATH-TO/file.jpg");

请记住，括号内的字符串应提供 URL到文件。

此外，您还可以选择放置 path

background: url("PATH-TO/file.jpg");