Изображение не загружается в CSS
У меня проблема с загрузкой / css. Я хочу загрузить изображение из исходной папки и набрал в css этот код:
background: url('../img/home.jpg') no-repeat;
Но это не отображается в моем домашнем разделе на странице.
Ответы 1
Может попробовать
background-size: cover;
Или, как сказал ZohirSalak CeNa, изменение размера вашего элемента, содержащего фоновое изображение, если это не ваше тело.
HTML
<html>
<head>
<title>Your Title</title>
</head>
<body class = "your-class">
</body>
</html
CSS
.your-class {
background-image: url('../img/home.jpg') no-repeat;
background-size: cover;
}
Также убедитесь, что у вас есть правильный путь к вашему изображению.
Спасибо за ответы, я новичок, поэтому знаю очень мало. Я попробовал то, что вы предложили, и это не сработало. Я следовал инструкциям из курса Удеми, делал все, как парень из видео, но изображение все равно не загружается.
@PetarScepanovic правильно ли ваш CSS-файл подключен к HTML-файлу? Ваш код полностью законен и работает, просто убедитесь, что он правильно подключен и имеет правильный путь к изображению.
да, все связано. Любые изменения в html или css видны на моей странице. Кроме изображения. Также у него правильный путь к изображению. Это очень странно
Можете ли вы создать еще один код с вашим кодом? Я только что создал учетную запись codepen
Я получил случайный адрес изображения из Интернета (images.pexels.com/photos/370799/…) и вставил его в URL-адрес, и он работал нормально. У вас есть изображение, которое вы хотите использовать, правильно? Если вы это сделаете, перейдите к нему и щелкните его правой кнопкой мыши, выберите путь копирования, а затем вставьте его в URL-адрес, попробуйте это. Если он находится в Интернете, вы можете щелкнуть правой кнопкой мыши, получить адрес изображения и вставить его в URL-адрес. Скажите, работает ли это.
Я наконец выяснил, в чем проблема. Я переименовал файл изображения в image.jpg и подумал, что имя файла - home.jpg. Но на самом деле имя было home.jpg.jpg. Как глупо ... Спасибо за помощь. Могу я спросить, застряну ли я снова?
Ха-ха, мы все делаем это время от времени! Конечно, приятель! Буду рад помочь, если вы застряли. У вас есть разногласия или что-то, о чем мы можем отправить личное сообщение?
Конечно :) Я только что создал анкету на Discord, имя пользователя Chilolo
Хорошо! Просто попросите друга в друзья, меня зовут и Id - Zuke76 # 8677. Зайдите в личные сообщения и добавьте друга: D
Ваш код работает, возможно, вы его не видите, потому что у элемента нет высоты.