Question

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

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'); 

}

P.S对HTML和CSS不是很了解，但是得到了基础知识，如果你提出其他语言，我将不知道你在谈论什么......你。谢谢！

Answer 1

如果你没有提到高度或div中没有内容，则不会显示背景图像。添加波纹管css然后它会显示

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

Answer 2

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

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

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

2 个答案: