CSS背景图像未在chrome中显示，但在vs live服务器上工作

Question

我试图用 chrome 显示图片，但没有显示。 它在 vs live 服务器中可见，但在 chrome 中不可见。

当我使用/它适用于vs live服务器但在其他浏览器中背景不起作用

你能帮忙解决这个问题吗

这是代码：

html:

     <nav id="navbar" class="navbar">
        <ul>
          <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
          <li><a class="nav-link scrollto" href="#about">About</a></li>
          <li><a class="nav-link scrollto" href="#services">Services</a></li>
          <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
          <li><a class="getstarted scrollto" href="indexAR.html">العربيه</a></li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->

    </div>
  </header><!-- End Header -->

  <!-- ======= Hero Section ======= -->
  <section id="hero">
    <div class="hero-container" data-aos="fade-up" data-aos-delay="150">
      <h1>Plan. Launch. Grow.</h1>
      <h2>We hope to create a world where our descendants can enjoy a sustainable future</h2>
      <div class="d-flex">
        <a href="#about" class="btn-get-started scrollto">Get Started</a>
      </div>
    </div>
  </section><!-- End Hero --> 

CSS：

#hero {
  width: 100%;
  height: 100vh;
  background: url("/assets/img/5secondhome_lon_ii_sca_8820.png") top center;
  background-size: cover;
  position: relative;
  padding: 0;
}

Answer 1

我相信问题来自<link>元素。

如果您的<link>具有以period .点开头的src属性。 在这样的relative slash之前：

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

尝试在没有period .

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