时间戳

首页 > 解决方案 > 无法加载背景图片

html - 无法加载背景图片

问题描述

我观看了一个 Youtube 视频，该视频教授如何创建网站的登录页面，因此我尝试使用 CSS 设置背景，但它无法加载。

#showcase {
    background-image: url('..img/showcase.jpg');
    background-size: cover;
    background-position: center;
    height: 100vh;
}

背景保持空白。

标签： htmlcss

解决方案

您当前使用的文件路径不正确。使用以下内容：

../img/showcase.jpg

我们添加了一个简单的/后..

./当要导入的文件与要导入的文件位于同一文件夹（作为子文件夹）时，我们会使用它。../当要导入的文件是文件导入前的一个目录时使用，以此类推。

推荐阅读