我嘗試了幾種瀏覽器,在每種情況下網站都可以與 Live Server 正常運作。另一方面,當我使用 Firefox/Chrome 啟動它時,網站根本不會載入我的 style.css,當我使用 Edge 時,我收到一條訊息,指出檔案遺失。這是我的 html 和 css 程式碼。
-----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; }
我嘗試過重命名文件,更改程式碼中行的位置,很少使用瀏覽器,很少有類似的帖子,製作不同的文件,但不知道還有什麼效果,但沒有任何效果。
嘗試像這樣加入它../css/style.css