Фоновое изображение CSS не отображается [дублировать] ⇐ Html

[Anonymous]

Я пытаюсь добавить фоновое изображение на свою страницу. < /p>

Код: Выделить всё

index.html

:

Код: Выделить всё

[*]
HTMX Demo Javascript Web-App





< /code>
CSS выглядит следующим образом: < /p>
body {
width: 100%;
margin: 0 auto;
background-image: url(/images/background.jpg);
background-repeat: repeat;
background-attachment: fixed;
}

index.html находится в корне веб-приложения:

Код: Выделить всё

index.html
styles
-- main_style.css
images
-- background.jpg
< /code>
[list]
 Я пробовал с пробелами и без них в URL < /li>
 Я пытался с одиночными и двойными кавычками < /li>
 Я пробовал с несколькими различными URL:
url('images/background.jpg');
url('/images/background.jpg');
url('../images/background.jpg');

[/list]
ни одна из этих работ. Если я перейду к файлу ссылки: /// C: /users/tom/git/htmx-demo-frontend-javascript/images/background.jpg тогда я смогу увидеть изображение в браузере.


Подробнее здесь: https://stackoverflow.com/questions/795 ... showing-up