背景图像不起作用（错误的路径？）

Question

我的CSS文件被放置：task1 / scss / input.scss

我的图片放在：task1 / png / header_background.png

我尝试了 background-image：url（“../ png / header_background.png”）; ，但它不起作用。

任何支持赞赏

Answer 1

你的.scss它是一个预处理器，所以你需要找到你的实际（生成的）css文件的位置，并试图弄清楚为什么图像不起作用。

另外，为什么不打开Dev。您的浏览器中的工具并检查控制台日志以查找有关错误路径的一些错误？

Answer 2

从您的文件夹结构来看，您的CSS文件应该是task1/css/input.scss

简而言之，请使用background-image: url("../../png/header_background.png")。

第一个../将导航至task1/css，第二个../将导航至您的task1文件夹。