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

Posted 2021-05-04

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

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

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

任何支持赞赏

答案

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

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

另一答案

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

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

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