Html 将文件导入CSS文档不起作用_Html_Css_Image_File_Path

Html 将文件导入CSS文档不起作用

html css image file path

Html 将文件导入CSS文档不起作用,html,css,image,file,path,Html,Css,Image,File,Path,我正在尝试导入一张图片，我想将其用作当前正在构建的网站的标题。我想将.png图像导入CSS文件。我做了大量的研究，试图找出我目前面临的问题。文件路径是正确的一切拼写正确（字面上四倍检查，也许更多），我仍然有一个问题。我试着把“.”放在小路前面，但没有用。该图片将用作网站顶部的横幅。这是我所有的代码。有点像刚开始这个网站，所以没有太多 HTML: <!DOCTYPE HTML> <html> <head> <title>Bludmon88-NAV

我正在尝试导入一张图片，我想将其用作当前正在构建的网站的标题。我想将.png图像导入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>

p.S不是非常了解HTML和CSS，但有基础知识，如果你提到其他语言，我不知道你在说什么，所以。。。嗯。谢谢

如果您没有提到高度或div中没有内容，则背景图像将不会显示。添加以下css，然后它将显示 .banner { background-image: url('http://tse1.mm.bing.net/th?id=OIP.M831bc7403efb71bfe938858406d2d01cH0&pid=15.1'); height: 300px; width: 100%; } .横幅{ 背景图像：url（“”）；高度：300px；宽度：100%； }

您应该在主文件夹中创建一个“图像”文件夹，并将横幅图像保存在其中。然后将背景url设置为在本地站点和服务器中正常工作：

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

我认为您需要避免使用绝对路径，您需要使用相对路径，如/Pics/Banner.png。对于测试，请将您的paht（例如）插入浏览器，查看是否存在pic。如果是这样的话，把这个链接带到你的CSS。测试你的页面。然后使链接相对删除http:和spear/

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