导入文件到CSS文档不工作

我想导入一张图片，我想用作我正在构建的网站的标题。我想将.png图像导入CSS文件。我已经做了广泛的研究，试图找出我目前遇到的问题。文件路径是正确的一切拼写正确（字面上四倍检查，也许更多），我仍然有问题。我试图把“..”放在路径的前面，这是无济于事。该图片将用作网站顶部的横幅。这是我的所有代码。有点刚开始这个网站，所以没有太多。导入文件到CSS文档不工作

HTML：

<!DOCTYPE HTML> 

<html> 

<head> 
<title>Bludmon88-NAVBAR</title> 
<link rel = "stylesheet" type = "text/css" href = "Styles.css"> 
<ul class = "navigation"> 
<li><a href = "index.html">Home</a> 
<li><a href = "index.html">Home</a> 
<li><a href = "index.html">Home</a> 
<li><a href = "index.html">Home</a> 
</ul> 
</div> 
<div class = "banner"> 
<div class = "title"> 

</div> 
</div> 
</head> 

<body> 

</body> 
</html>

CSS：

.navigation a, li{ 
list-style:none; 
display:inline-block; 
float:left; 
padding:3px 50px 1px 0px; 
text-decoration:none; 
font-size:20px; 
} 
.banner { 
background-image: url('/F:/Bludmon88/Pics/Banner.png'); 

}

PS不是非常熟悉的HTML和CSS，但得到的基本知识，我会不知道你在说，如果你带了其他语言如此...雅。谢谢！

来源

2016-03-05 Bludmon

我认为你需要避免使用**绝对路径**，你需要使用像/照片管理/横幅的相对路径.png –

为测试插入您的paht（例如http：//localhost/Bludmon88/Pics/Banner.png）到您的浏览器并查看该图片是否存在。如果是这样的链接到您的CSS。测试你的页面。然后使相关链接去除http：和矛/ – ratmalwer

如果您没有提及身高或div中没有内容，那么背景图片将不会显示。添加下面的css然后它会显示

 
.banner { 
      background-image: url(' http://tse1.mm.bing.net/th?id=OIP.M831bc7403efb71bfe938858406d2d01cH0&pid=15.1 '); 
      height: 300px; 
      width: 100%; 
     }

来源

2016-03-05 04:04:00 Rayudu

你应该在你的主文件夹中创建一个“images”文件夹，并在其中保留该标题图片。然后将背景设置网址到本地站点正常运行以及服务器：

.banner { 
    background-image: url('images/Banner.png'); 
}

来源

2016-03-05 04:29:19 WisdmLabs

导入文件到CSS文档不工作

回答

相关问题