Фоновое изображение, добавленное в div в CSS, не отображается на локальном хосте
Поэтому я добавил фоновое изображение в div с помощью CSS.
.aboutUs {
background-repeat: no-repeat;
position: relative;
background-image: url(public/images/team.png);
text-align: center;
background-size: cover;
height: 310px;
margin: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-top: 20px;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
Но когда я открываю его на локальном хосте, все изображения (в формате HTML) отображаются, но фон div не отображается.
в моей консоли это дает мне эту ошибку
Помощь будет высоко оценена, ребята! #счастливыйКодинг! :D
Ответы 5
может это попробовать?
background-image: url(./images/team.png);
попробуйте добавить фоновый цвет в свой div и посмотрите, работает ли ваш стиль.
Я сделал, и это сработало. Я подумал, что, возможно, что-то не так с изображением, поэтому я попробовал другое изображение, но оно все равно не сработало. :(
хорошо, попробуйте скопировать изображение в ту же папку, где у вас есть файл html, и используйте внутренний стиль
скопируйте изображение в тот же каталог html-файла и выполните встроенный стиль, например dis <div style = " background-image: url(team.png);"></div>
Я сделал это, и это сработало. Я изменил свой URL-адрес, и теперь мое изображение загружается. Спасибо за помощь :D
Из ошибки видно, что относительный путь вашего изображения здесь неверен.
background-image: url(public/images/team.png);
Проверьте структуру вашей папки и соответственно установите свой URL.
Да, мой путь к файлу был неправильным. Большое спасибо: Д
Добро пожаловать Бро. Проголосуйте и примите мой ответ, если он вам помог (нажав на значки слева от моего ответа и отметив значок :)), чтобы другие разработчики также могли извлечь из этого пользу в будущем. Спасибо
Попробуйте этот стиль.
background: url('../../../images/animated-strawberry-image-0052.gif') center center no-repeat no-repeat;
position: absolute;
width: 100%;
height: 100%;
проверьте правильность ссылки на вашу фотографию
Да, мой адрес был неправильным :( ....Спасибо за помощь :D
проверьте, какова структура вашего каталога
folder
/public
\image
team.png
\sub-folder
style.css
background-image: url(../public/team.png);
folder
/public
\image
..team.png
..style.css
\sub-folder
background-image: url(public/image.png);
folder
/public
\image
..team.png
\sub-folder
\another-folder
..style.css
background-image: url(../../public/image.png);
Это было очень полезно! это сработало!! Спасибо за это :D
Всем привет. Я видел ошибку. Расскажи мне свою структуру папок очень быстро.