CSS background-image

Question

У меня есть целевая страница с фоновым изображением, которое отображается на локальном компьютере, но когда я выталкиваю ее вживую, я не вижу ее в Интернете.

Моя файловая структура очень проста, у меня есть корневая папка с именем РУНН, и в этой папке у меня есть папка CSS, папка с изображениями и т.д.

Ниже CSS для моего фонового изображения.

body { 
    color: white; 
    background: #ee6184; 
    background-image: url('../images/image_01.jpg'); 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-attachment: fixed; 
    font-family: 'Lato', sans-serif; 
    font-weight: 300; 
    font-size: 180%; 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    text-align: center; 
} 

Answer 1

Посмотрите на консоль (или сеть) браузера, возможно, это отобразит ошибку 404 для этого изображения. Это означает, что ваш путь не работает на сервере, а также может быть 403 (запрещено) или другие ошибки.

Кроме того, вы можете установить путь как /images/image_01.jpg, если корень отсутствует в подпапках: domain.com/runn/.

Другими способами, пожалуйста, поместите ссылку, чтобы я мог понять проблему.

Answer 2

Обычно, когда отладка изображения не отображается, как ожидалось, перейдите в консоль хром, посмотрите, существует ли 404 ресурса, который не найден.

background-image: url('../images/image_01.jpg'); 

Это означает, что на пути, указанном в вашем html, нет такого файла. затем переконфигурируйте путь изображения или загрузите resouces на правильный путь.

и может либо использовать относительный путь в CSS, как вы сделали в этом случае

background-image: url('../images/image_01.jpg'); 

или вы можете использовать абсолютный путь в файле языка разорвать, например, в PHP

background-image: url('<?php echo site_url();?>/images/image_01.jpg');