Не могу добавить локальное изображение в качестве фонового изображения в HTML / CSS

Question

Я новичок в CSS, и я застрял в этой проблеме со вчерашнего дня.

Я перепробовал все решения, предложенные в Stack Overflow, но, похоже, ничего не работает.Я попытался добавить локальное изображение, используя как внутренний, так и внешний CSS.

Код:

body {
     background-size: cover;
     background-image: URL('Penguins.jpg');
}

• Изображение, файл CSS и файл HTML находятся в одной папке.
• Изображение отображается нормально при вставке с использованием тега <img>
• Фоновое изображение отображается при использовании изображения из Интернета, например: https://images.pexels.com/photos/210019/pexels-photo-210019.jpeg?cs=srgb&dl=action-asphalt-auto-210019.jpg&fm=jpg.

Самое расстраивающееДело в том, что код отлично работает на моем ПК с Windows 7, но не на моем ПК с Windows 10.

Answer 1

Единственная причина, по которой я вижу, что это не работает, - возможно, у вас нет изображения там, где оно должно быть. Если изображение не находится в той же папке проекта, что и ваш код, вам может понадобиться использовать путь к каталогу, чтобы добраться до него.

Например, если ваши файлы CSS / index / JavaScript находятся в папке, а изображение находится в папке ваших документов на рабочем столе, вам нужно будет сделать что-то вроде ... / desktop / Penguins.jpg , В противном случае попробуйте переместить файл изображения в ту же папку, где находятся файлы проекта вашего веб-сайта.