bootstrap 3無法更改背景圖片

我的學校項目出現問題。我無法設置我的HTML文件正文的背景圖片。我的語法是正確的。我嘗試刪除引號，並且在不同的問答網站上完成了所有我看過的內容，但仍然沒有任何反應。我試圖將該行更改爲「background-color：red;」它的工作原理。但是，當我使用「背景圖像：」它不會工作。請幫忙。任何人都可以告訴我我的代碼有什麼問題嗎？在CSS文件中的其他一切工作正常。bootstrap 3無法更改背景圖片

CSS：（身體{}僅部分）

body { 
 
    background-image: url('images/back.jpg'); 
 
}

我的html文件

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>My Business Website</title> 
 
<meta name="viewport" content="width=device-width, initial scale=1.0"> 
 
<link href ="css/bootstrap.min.css" rel="stylesheet"> 
 
<link href ="css/styles.css" rel="stylesheet"> 
 

 
</head> 
 
<body> 
 

 

 
\t <div class="navbar navbar-inverse navbar-static-top" id="navtop"> 
 
\t \t <div class="container"> 
 
\t \t <div class="navbar-header"> 
 
\t \t \t <div class ="navbar-brand"><img id="logo" src="images/logo2.png"/><img id="logo" src="images/logo.png"/></div> 
 
\t \t \t 
 
\t \t \t <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
 
\t \t \t \t <span class="icon-bar"></span> 
 
\t \t \t \t <span class="icon-bar"></span> 
 
\t \t \t \t <span class="icon-bar"></span> 
 
\t \t \t </button> 
 
\t \t \t </div> 
 
\t \t \t <div class = "collapse navbar-collapse navHeaderCollapse"> 
 
\t \t \t 
 
\t \t \t \t <ul class = "nav navbar-nav navbar-right" > 
 
\t \t \t \t \t <li><a href="index.html">Home</a></li> 
 
\t \t \t \t \t <li id="active"><a href="about.html">About</a></li> 
 
\t \t \t \t \t <li class = "dropdown"> 
 
\t \t \t \t \t \t <a href = "#" class = "dropdown-toggle" data-toggle="dropdown">Products <b class = "caret"></b></a> 
 
\t \t \t \t \t \t <ul class= "dropdown-menu"> 
 
\t \t \t \t \t \t \t <li> <a href = "#">Laptops</a></li> 
 
\t \t \t \t \t \t \t <li> <a href = "#">Notebooks</a></li> 
 
\t \t \t \t \t \t \t <li> <a href = "#">Components</a></li> 
 
\t \t \t \t \t \t \t <li> <a href = "#">Accessories</a></li> 
 
\t \t \t \t \t \t </ul> 
 
\t \t \t \t \t 
 
\t \t \t \t \t </li> \t 
 
\t \t \t \t </ul> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
\t 
 
\t 
 
\t \t 
 
\t 
 
\t 
 
\t 
 
\t 
 
\t 
 
\t 
 
\t <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> 
 
\t <script src="js/bootstrap.js"></script> 
 
\t <script type="text/javascript" src="js/script.js"></script> 
 

 
</body> 
 

 

 
<script href="js/query.js" type="javascript"></script> 
 
</html>

來源

2014-10-30 theOne

在你的結構中，其中是與css和html文件相關的images文件夾？ – paul 2014-10-30 12:21:53

@paul：images文件夾與html相同。我有一個單獨的文件夾的CSS。 – theOne 2014-10-30 12:25:33

檢查以確保找你e指向正確的URL。

看起來樣式表位於名爲css的文件夾中。您可能需要跳過一個級別才能鑽入img文件夾。這樣的事情：

body { 
    background-image: url('../images/back.jpg'); 

}

來源

2014-10-30 12:24:34

謝謝！這似乎是問題所在。謝啦！這非常有幫助！ – theOne 2014-10-30 12:30:30

bootstrap 3無法更改背景圖片

回答

相關問題