从文件的背景图象不运作

Question

当我从互联网上执行URL而不是从本地文件路径执行URL时，它可以正常工作。我的文件夹目录是

网站（包含所有内容的文件夹） - ＆gt;图像 - ＆gt;专辑 - ＆gt; tyler.jpg

所以我的链接搞砸了，但我已经尝试了所有我能想到的东西。

.nav {
background: #ddd;
padding: 20px;
margin: 0;
}

.nav a {
padding: 10px;
}

.grid { 
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 350px;
grid-gap: 1em;
margin: 30px 100px 30px 100px;
overflow: hidden;
}

.grid > * {
background-repeat: no-repeat;
background-size: cover;
background-color: grey;
}


.f1 {
grid-column: 1/3;
grid-row: 1/3;
background-image: url('Images/album/tyler.jpg');
color: #fff;

}

Answer 1

您应该使用以“/”

开头的相对路径

background-image: url('/images/album/tyler.jpg');

否则它只会将路径追加到当前网址