html - CSS - 背景图片

Question

可能是个非常愚蠢的问题，但由于我正尝试使用我最近购买的域名将我的网站放到网上，背景图片似乎根本无法加载。

有什么想法吗？

body {
  margin: 0;
  background-image: url("homepage1.jpg");
  background-size: cover;
  font-family: 'Parisienne', cursive;
  background-repeat: no-repeat;
}

.navbar {
  background-color: none;
  width: 100%;
  height: 30px;
  padding-top: 0;
  text-align: center;
}

.navbar a {
  padding: 20px;
  font-size: 2.0em;
  color: black;
  text-decoration: none;
}

.navbar a:hover:not(.active) {
  color: #B22222;
}

.homepage {
  padding-top: 15px;
}

#welcome {
  color: black;
  font-size: 30px;
  text-align: center;
}

#welcome h1 {
  font-size: 50px;
}

<div class="homepage">
  <div class="navbar">
    <a href="#" class="active">Home</a>
    <a href="#">Schedule</a>
    <a href="#">Accommodations</a>
    <a href="#">Travel</a>
    <a href="#">Activities</a>
    <a href="#">Contact</a>
  </div>
  <div id="welcome">
    <h1>Tracey & Jonathan's Wedding</h1>
    <p>16 / 08 / 2018</p>
  </div>
</div>

Answer 1

文件夹结构 1

• index.html
• 主页1.jpg
• 样式.css

那么背景图片 url 将是

background-image: url("homepage1.jpg");

文件夹结构

• index.html
• 图片(文件夹)
  • 主页1.jpg
• 样式.css

那么背景图片 url 将是

background-image: url("images/homepage1.jpg");

文件夹结构 2

• index.html
• 图片(文件夹)
  • 主页1.jpg
• 样式(文件夹)
  • 样式.css

那么背景图片 url 将是

background-image: url(../images/homepage1.jpg");

还将实际图像名称与背景图像 url 进行比较。