2015-04-22 22 views
5

我有,我想設置爲一個Laravel 3項目背景的圖片 - background-image: url("public/img/find-a-table.png");集背景的CSS圖片 - 「無法解析文件」

但它說:「無法解析找到-A- table.png「在phpStorm即使我確實有圖像文件添加到該目錄。

我需要改變一些東西讓它在那個目錄中找到我的圖片嗎?在任何其他典型的網絡應用程序中,這樣做會非常微不足道,因此我不知道我是否錯過了一些東西。


this site顯示我不需要圍繞路徑引號?我也試過,但那不能解決它。他們使用:

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

+2

好,這取決於! 什麼是目標圖像的完整路徑和您編輯的CSS文件的完整路徑? – felipsmartins

+1

如果您仍然需要幫助:請顯示您的項目結構。 – LazyOne

回答

3

請記住,如果它與/將啓動映像路徑應該是相對於你的CSS,或絕對的。

試試這個background-image: url("/img/find-a-table.png"); 或者這background-image: url("../img/find-a-table.png");如果您css文件夾旁邊img

你可能並不需要在您的網址public/。 而不要依賴於這個phpstorm,在瀏覽器中測試它。

7

phpStorm不會告訴你,你的瀏覽器不會看到給定的文件。它只是告訴phpStorm本身沒有看到該文件。

你必須告訴phpStorm相對路徑的起始位置。

要做到這一點,打開您的項目文件結構(cmd + 1在Mac),右鍵點擊你的(公衆開放)根目錄(public),然後Mark Directory As >Mark as Sources Root。幾秒鐘後,錯誤信息應該消失。

+0

謝謝,這是我一直在尋找的功能。這應該是一個被接受的答案。 –

+3

謝謝。但我必須將其標記爲「Resource Root」而不是「Sources」。 – resting

1

在我的WebStorm IDE中有這個相同的錯誤,通過在路徑前添加「../」解決了這個錯誤。試試這個:

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

正如@felipsmartins所說的,不知道CSS文件的路徑,指定圖像的完整路徑(絕對URL)會更安全。 – MattAllegro

1

這裏是修復:你在哪裏從採購圖像上的(公衆開放的根目錄)

1-單擊鼠標右鍵。

2 - 向下滾動到馬克目錄爲

3-選擇資源根

enter image description here