背景圖像中的HTML CSS

沒有顯示這是我的CSS代碼：背景圖像中的HTML CSS

body 
{ 
background-image:url("C:\xampp\htdocs\try\images\bg.jpg"); 
}

這是我的html代碼：

<!DOCTYPE html> 
<html> 
<head> <title> HOPE Centre </title> </head> 
<link rel="stylesheet" type="text/css" href="style1.css" media="all" /> 
<body> 

<div id="wrapper"> 
<!--header--> 
<header> 
<div class="header"> 
<h1><img src="C:\xampp\htdocs\try\images\logo.png" alt="HOPE Centre" style="width:146px;height:83px></h1> 
<nav> 
<ul id="top_nav"> 
<li><a href="index.html">Home</a></li> 
<li><a href="#">Sign up</a></li> 
<li><a href="#">LogIn</a></li> 
</ul> 
</nav> 
</div> <!--end of div header--> 
</header> 

<!--main navigation--> 
<div class="nav"> 
<a href="index.php">Home</a> 
<a href="#">About</a> 
<a href="#">How to Help</a> 
<a href="#">Contact</a> 
</div> <!--end of div nav--> 
</body> 
</html>

而且在標題中的圖像不顯示。
上面的代碼只是顯示一個白色背景。我正在使用谷歌瀏覽器版本37.0.2062.103米。我應該如何解決這個問題？

來源

2014-09-10 Srishti Gupta

檢查！ – Abhi 2014-09-10 19:33:14

你確定是將圖像的正確路徑？ – Jay 2014-09-10 19:33:28

發表您的html代碼 – Loures 2014-09-10 19:34:09

嘗試

body{background-image:url("../try/images/bg.jpg");}

或

body{background-image:url("../../try/images/bg.jpg");}

其中

來源

2014-09-10 19:45:38

這一直爲我工作。祝你好運！

body 
{ 
    background-image:url("file:///C:/xampp/htdocs/try/images/bg.jpg"); 
}

來源

2014-09-10 19:43:46 DeFeNdog

使用此：

body 
{ 
    background-image:url("images\bg.jpg"); 
}

來源

2014-09-10 19:43:50

這個答案可以通過解釋這個改變來改進，並讓OP知道只有少數幾個使用以C：\開頭的URL的情況是適當的。 – 2014-09-10 20:14:34

本地網頁經常有裝載本地文件的一個問題：/// resouces。使用http://localhost/try/images/bg.jpg，因爲我看到你正在使用xampp。

來源

2014-09-10 22:11:27 jasonszhao

嘗試做..所有的首先，將圖像粘貼文件，其中相同的文件名的html文件存儲爲「html.jpeg」並檢查您的圖像格式如.jpg，.JPEG，.PNG等

類型格式無關緊要。如果圖像實際存在在指定的位置

body { 
     background-image: url("html.jpeg"); 
}

來源

2016-12-28 13:17:18

背景圖像中的HTML CSS

回答

相關問題