Question

它位于project/resources/images/banner-landingpage.jpg中。的 HTML索引文件位于项目文件夹中。我无法使用以下背景来显示：

.banner {

background-image: url(./resources/images/banner-landingpage.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 100px;

}

我认为./意味着上一个文件，然后按照文件的路径进行操作？

Answer 1

我相信对此的标准解决方案是

.banner {
    background-image: url('../resources/images/banner-landingpage.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100px;
}

使用../到目录的位置

还请注意，该网址将相对于css文件的存储位置。

编码新手，背景图片遇到问题

1 个答案: