Tapak web menggunakan Pelayan Langsung tidak berfungsi apabila saya melancarkannya daripada fail
P粉530519234
P粉530519234 2024-04-06 12:46:18
0
1
541

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粉530519234
P粉530519234

membalas semua(1)
P粉345302753

Cuba tambah seperti ini ../css/style.css

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan