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

Gro*_*ler 7 html css phpstorm laravel

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

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

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


这个网站显示我不需要路径周围的引号?我也试过了,但这并没有解决它.他们使用:

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

Ale*_*dar 11

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

你必须告诉phpStorm相对路径的起始位置.

要做到这一点,打开您的项目文件结构(cmd + 1在Mac),右键点击你的(公众开放)根目录(public),然后Mark Directory As >Mark as Sources Root.几秒钟后,错误消息应该消失.

  • 谢谢.但我必须将其标记为"Resource Root"而不是"Sources". (4认同)

小智 5

请注意,图片路径应相对于CSS,如果以开头,则应为绝对路径/

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

您可能不需要public/您的网址。并且不要依赖phpstorm,请在浏览器中对其进行测试。