Tapak web menggunakan Pelayan Langsung tidak berfungsi apabila saya melancarkannya daripada fail

Saya mencuba beberapa penyemak imbas dan dalam setiap kes tapak web berfungsi dengan baik dengan Pelayan Langsung. Sebaliknya, apabila saya melancarkannya menggunakan Firefox/Chrome, tapak itu tidak memuatkan style.css saya sama sekali, dan apabila saya menggunakan Edge, saya mendapat mesej yang mengatakan fail itu tiada. Berikut ialah kod html dan css saya.

-----index.html-----

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/css/style.css" />
    <link
      rel="stylesheet"
      href="/bootstrap/bootstrap-5.3.0-alpha1-dist/css/bootstrap.css"
    />
    <link
      rel="stylesheet"
      href="/bootstrap/bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css"
    />
    <title>Web Projekat</title>
  </head>
  <body>
    <nav class="navbackgroundcolor navbar navbar-expand-lg navbar-dark">
      <!-- Container wrapper -->
      <div class="container-fluid">
        <!-- Toggle button -->
        <button
          class="navbar-toggler"
          type="button"
          data-mdb-toggle="collapse"
          data-mdb-target="#navbarCenteredExample"
          aria-controls="navbarCenteredExample"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <i class="fas fa-bars"></i>
        </button>
        <!-- Collapsible wrapper -->
        <div
          class="collapse navbar-collapse justify-content-center"
          id="navbarCenteredExample"
        >
          <!-- Left links -->
          <ul class="navbar-nav mb-2 mb-lg-0">
            <li class="nav-item pe-5 fs-4">
              <a class="nav-link" href="/html/gallery.html">Gallery</a>
            </li>
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="index.html"
                ><img
                  class="skate"
                  src="/media/icons8-skateboard-64 white.png"
                  alt="Home"
              /></a>
            </li>
            <li class="nav-item ps-5 fs-4">
              <a class="nav-link" href="/html/shop.html">Shop</a>
            </li>
          </ul>
          <!-- Left links -->
        </div>
        <!-- Collapsible wrapper -->
      </div>
      <!-- Container wrapper -->
    </nav>
    <script src="/bootstrap/bootstrap-5.3.0-alpha1-dist/js/bootstrap.js"></script>
    <script src="/bootstrap/bootstrap-5.3.0-alpha1-dist/js/bootstrap.min.js"></script>
  </body>
</html>

-----style.css-----

.skate {
height: 35px;
width: 35px;
}
.navbackgroundcolor {
background-color: #464648;
}
.navbar-link {
color: #c7c7c7 !important;
}
body {
background-size: cover;
background-color: #392727 !important;
}

Saya telah cuba menamakan semula fail, menukar kedudukan baris dalam kod, menggunakan beberapa penyemak imbas, mempunyai beberapa siaran yang serupa, membuat fail yang berbeza tetapi tidak tahu apa lagi, tetapi tiada apa yang berjaya.

P粉530519234271 hari yang lalu618

Tapak web menggunakan Pelayan Langsung tidak berfungsi apabila saya melancarkannya daripada fail

membalas semua(1)saya akan balas