在 phpstorm 中设置背景 css 图像 - “无法解析文件”

Posted 2023-03-14

【中文标题】在 phpstorm 中设置背景 css 图像 - “无法解析文件”

【英文标题】：set background css image in phpstorm - "cannot resolve file"

【发布时间】：2015-06-30 14:31:57

【问题描述】：

我想在 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; 不带引号

【问题讨论】：

好吧，这取决于！目标图片的完整路径和你编辑的 CSS 文件的完整路径是什么？

如果您仍然需要帮助：请展示您的项目结构。

【参考方案1】：

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

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

【参考方案2】：

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

你必须告诉 phpStorm 相对路径从哪里开始。

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

【讨论】：

谢谢，这是我一直在寻找的功能。这应该是一个公认的答案。

谢谢。但我必须将其标记为 Resource Root 而不是 Sources。

【参考方案3】：

这里是修复：

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

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

3- 选择资源根

【参考方案4】：

在我的 WebStorm IDE 中出现了同样的错误，通过在路径前添加“../”解决了这个错误。试试这个：

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

【讨论】：

@felipsmartins 评论说，不知道 CSS 文件的路径，指定图像的完整路径（绝对 url）会更安全。

【参考方案5】：

请记住，图像路径应该是相对于您的 css 的，如果以 / 开头，则应该是绝对路径。

试试这个background-image: url("/img/find-a-table.png"); 或者这个background-image: url("../img/find-a-table.png");，如果你的css文件夹在img旁边

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