这是我的HTML和CSS https://codepen.io/anon/pen/YBmLJR
header{
background-image: url(slike\header\header-ozadje.png);
position: fixed;
width: 100%;
height: 150px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2px solid #E2B654;
}
#top-logo img{
box-sizing: border-box;
max-width: 100%; height: auto;
padding: 5%;
}
nav{
display: flex;
justify-content: flex-end;
flex: none;
margin-right: 2%;
}
.nav-text{
margin: 15px;
flex: none;
}
.nav-text a{
text-decoration: none;
font: bold 16px/28px 'Open Sans', sans-serif;
color: antiquewhite;
}
.nav-text a:hover{
color: #DFB76B;
}
<header>
<div id="top-logo">
<img src="slike\logo\astroplanet-logo.png">
</div>
<nav>
<div class="nav-text"><a href="#">DOMOV</a></div>
<div class="nav-text"><a href="#">DOMOV</a></div>
<div class="nav-text"><a href="#">DOMOV</a></div>
<div class="nav-text"><a href="#">DOMOV</a></div>
<div class="nav-text"><a href="#">DOMOV</a></div>
</nav>
</header>
链接到我的本地文件夹的背景图像(我在VSC中复制了相对路径,因此它应该是正确的)在我的标题中没有显示,但是如果我用网络上的URL替换它。
如果您运行代码,那么还有徽标,但是应该有破坏的链接图像。
谢谢您的帮助!
在位置之前你必须放斜线,你应该用这个background-image替换你的图像位置:url(/slike/header/header-ozadje.png);
尝试使用相对路径,如。\ slike \ header \ header-ozadje.png或\ slike \ header \ header-ozadje.png。问题在于图像的路径。
你的html文件应该在slike文件夹的父目录中。
如果您正在使用Windows,请使用“\”如果linux使用“/”。它应该工作。
在css url中使用斜杠
background-image: url(slike/header/header-ozadje.png);