Как добавить фоновое изображение в мой проект angular 18?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как добавить фоновое изображение в мой проект angular 18?

Сообщение Anonymous »

Я работаю над проектом Angular 18, и мне нужно установить фоновое изображение для моего приложения. Однако я не уверен, как правильно ссылаться на изображение и отображать его в приложении. Я попробовал несколько разных подходов, но ничего не помогло.
Я поместил свое изображение (background.jpg) в папку src/assets/.
Я использовал CSS в CSS-файле моего компонента.
Что происходит:
Фоновое изображение не отображается, и это просто пустая область без фона.
Я также пробовал использовать глобальный файл Styles.css со следующим, но он тоже не работает:
Что я хочу Достичь:
Я хочу, чтобы фоновое изображение закрывало весь экран и оставалось отзывчивым на разных устройствах.
В идеале я хочу, чтобы фон применялся глобально (к телу) или к конкретному компоненту, в зависимости от лучший подход.
Что я ожидаю:
Фоновое изображение должно отображаться должным образом при загрузке страницы, закрывая весь фон приложения.
Дополнительная информация:
Я использую Angular 18.
Я проверил путь к файлу: изображение находится по адресу src/assets/images/background.jpg.

Подробнее здесь: https://stackoverflow.com/questions/791 ... 18-project
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»