0

Есть код HTML: <div class="header-image">123</div>

CSS: .header-image {background-image: url(/images/header-image.png);} который должен тянуть картинку из папки images, но он этого не делает, видно только 123

Пробовал url('/images/header-image.png'); url('../images/header-image.png');

Расположение файлов
---images
----header-image.png
---styles
----style.css
--index.html

Директория находится выше

3
  • 1
    Вариант url('/images/header-image.png'); - искать папку images от корня сайта url('../images/header-image.png'); - выйти на один уровень вверх от того места, где находится ваш css-файл и искать папку images уже там url(./images/header-image.png); или url(images/header-image.png); - искать папку images прямо в той же папке, где и css-файл.
    – Quazimorda
    21 мая 2021 в 13:17
  • А что в консоли пишет, нет файла такого?
    – Greg--
    21 мая 2021 в 14:59
  • @Quazimorda напишите такой же ответ, я проставлю как решение Спасибо!
    – Sclea3
    21 мая 2021 в 16:10

2 ответа 2

0
CSS: .header-image {background-image: url(images/header-image.png);} 
0

Варианты указания пути: url('/images/header-image.png'); - искать папку images от корня сайта url('../images/header-image.png'); - выйти на один уровень вверх от того места, где находится ваш css-файл и искать папку images уже там url(./images/header-image.png); или url(images/header-image.png); - искать папку images прямо в той же папке, где и css-файл.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.