Invalid URL in CSS background-image

Hibás URL: tegyél idézőjelet a background-image URL elé és mögé: url("image.jpg").

Invalid URL CSS

Hibaüzenet

Invalid URL in CSS background-image

Hibás kód

.hero { background-image: url(image.jpg); }

Javított kód

.hero { background-image: url("/images/hero.jpg"); }

Magyarázat

Invalid URL CSS hiba akkor fordul elő, amikor a background-image URL nincs idézőjelek között, vagy rossz relatív útvonalat adsz meg. A böngésző így nem találja a forrást. A megoldás, hogy az URL-t idézőjelek közé teszed: url("/images/hero.jpg"), és ellenőrzöd, hogy a fájl valóban elérhető a megadott elérési útvonalon.

További információ: MDN – url()