Question

我有一张图片，我想在Laravel 3项目中设置为背景 - background-image: url("public/img/find-a-table.png");

但它在 phpStorm 中说“无法解析find-a-table.png”，即使我确实将图像文件添加到该目录中。

我是否需要更改某些内容以使其在该目录中找到我的图像？在任何其他典型的网络应用程序中，这将是非常微不足道的，所以我不知道我是否遗漏了什么。

this site表示我不需要路径周围的引号？我也试过了，但这并没有解决它。他们使用：

background: url(images/bg.jpg) no-repeat center center fixed;没有引号

Answer 1

phpStorm没有告诉你，你的浏览器不会看到给定的文件。它只是告诉phpStorm本身没有看到该文件。

你必须告诉phpStorm相对路径的开始位置。

为此，打开项目文件结构（在Mac上为cmd + 1），右键单击（公共可访问的）根目录（public），然后Mark Directory As >和{{1 }}。几秒钟后，错误消息应该消失。

Answer 2

请注意，图片路径应相对于您的css，如果以/开头，则为绝对路径。

试试这个background-image: url("/img/find-a-table.png"); 如果您的background-image: url("../img/find-a-table.png");文件夹位于css

旁边，请img

您的网址可能不需要public/。并且不要依赖phpstorm，在浏览器中测试它。

Answer 3

我的WebStorm IDE中出现了同样的错误，通过添加＆＃34; ../"解决了这个错误。在路径之前。试试这个：

background-image: url("../img/find-a-table.png");

Answer 4

以下是修复：

1-右键点击您从中获取图像的（公共可访问的根目录）。

2-向下滚动到将目录标记为

3-选择资源根

Answer 5

我也有这个问题。我的决心是写：

background-image: url("img/name picture.png");