set di immagini di sfondo css in PhpStorm - "non può risolvere i file"

Question

Ho un'immagine che mi piacerebbe impostare come sfondo in un progetto laravel 3 - background-image: url("public/img/find-a-table.png");

Ma è dire "non può risolvere find-a- table.png "in phpStorm anche se ho sicuramente il file immagine aggiunto a quella directory.

Devo cambiare qualcosa per far sì che trovi la mia immagine in quella directory? In qualsiasi altra app web tipica, questo sarebbe abbastanza banale da fare, quindi non so se mi manchi qualcosa.

---

this site mostra non ho bisogno le virgolette attorno al percorso? Ho provato anche quello ma non lo aggiusta. Usano:

background: url(images/bg.jpg) no-repeat center center fixed; senza virgolette

Answer 1

Tenete a mente che percorso di immagine dovrebbe essere relativo al vostro CSS, o assoluto se inizia con /.

Prova questa background-image: url("/img/find-a-table.png"); O questo background-image: url("../img/find-a-table.png"); se la cartella css è a fianco img

Probabilmente non c'è bisogno public/ nel vostro URL. E non fare affidamento su phpstorm con questo, testarlo nel browser.

Answer 2

phpStorm non ti dice che il tuo browser non vedrà il file specificato. Dice solo che phpStorm non vede il file stesso.

Devi dire a phpStorm dove inizia il (i) percorso (i) relativo (i).

Per fare ciò, aprire la struttura del file di progetto (cmd + 1 su Mac), fare clic destro sulla directory principale (accessibile pubblico) (public), poi Mark Directory As > e Mark as Sources Root. Dopo un paio di secondi il messaggio di errore dovrebbe scomparire.

Answer 3

Ha avuto questo stesso errore nel mio ID WebStorm che è stato risolto aggiungendo "../" prima del percorso. provare questo:

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

Answer 4

Ecco la correzione:

1- pulsante destro del mouse sul (directory principale pubblico accessibile) dove stai di sourcing le immagini da.

2- Scorrere verso il basso per Mark Directory come

3- Scegli Resource Root