背景图像中的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

回答

相关问题