Member 12214576 Ответов: 2

Css background-изображение не работает в laravel 7


я новичок в laravel и пытаюсь отобразить фоновое изображение но не работает я много искал но ничего не работало для меня

в общую папку, у меня папка с картинками и папка актива в актив папку имею папки CSS

Что я уже пробовал:

background-image: url("/images/banner_img.png");


я нашел это
style="background-image:url({{url('/images/banner_img.png')}})"

но это работает только в HTML, мне нужно что-то работать в css файле

я попробовал также поместить public в url-адрес
url("public/images/banner_img.png");
но не сработало и когда я нажимаю на ссылку она переходит на этот url >>http://localhost/learning_academy/public/asset/css/public/images/banner_img.png

без общественного
url("/images/banner_img.png");
его пойти на этот URL &ГТ;&ГТ; http://localhost/images/banner_img.png

когда я удалил / in
url("images/banner_img.png");

url-адрес стал таким:>> http://localhost/learning_academy/public/asset/css/images/banner_img.png когда я нажал на него так что я не знаю почему это происходит

и во всех трех образ не показывается

2 Ответов

Рейтинг:
18

raddevus

Давайте поговорим о последнем:

url("images/banner_img.png");


Это относится к вашему CSS-файлу.
Вы сказали, что связь закончилась тем, что:
http://localhost/learning_academy/public/asset/css/images/banner_bg.png

Это означает, что ваш CSS-файл должен быть в /localhost в/learning_academy/государственного/активов/УСБ/ вправо?

Чтобы решить эту проблему, мы должны знать путь к CSS.

Вы действительно можете попробовать полный путь, просто чтобы попробовать его.
Добавьте в свой CSS-файл следующее:
фоновое изображение: url("http://localhost/learning_academy/public/asset/css/images/banner_bg.png")

Но также вы ссылаетесь на изображение как на два разных имени поэтому немного сбиваете с толку:
1) banner_img.png
2) banner_bg.png


Member 12214576

это первый "banner_img.png", который я обновлю,
я добавил url-адрес в css-файл, но ничего не происходит

это путь к css-файлам >>
C:\xampp\htdocs\learning_academy\public\asset\css

и это путь образов
C:\xampp\htdocs\learning_academy\public\images

Рейтинг:
10

Member 12214576

это сработало после того, как я поместил папку Images В ту же папку path, что и папка CSS


Richard Deeming

Как уже более чем адекватно объяснено в решении 1.