Я пытаюсь загрузить фон из внешнего файла CSS в свой React Project. Он отлично работает в моей локальной системе. Но как только я загружаю его, фон просто исчезает и исчезает.
Я использую приложение create-реагировать на приложения и до сих пор - хотя раньше у меня возникали проблемы с загрузкой изображений - у меня никогда не было внешнего CSS d ie на себе, подобного этому.
Я уже испробовал все найденные решения, но безрезультатно.
- Размещение фона в public / img вместо src / img и использование% PUBLIC_URL%
- попытки URL (/img/bg.png) или URL ('/ img / bg.png) или url ('./ img / bg.png)
- переименование папок
Моя структура папок выглядит следующим образом:
-- src
|-- img
'-- bg.png
|-- App.js
|-- App.css
Мой пользовательский класс для фона:
.bg {
background-image: url(./img/bg.png);
background-blend-mode: multiply;
}
Мой компонент использует два класса
<div className="App bg">Content</div>
Странно то, что я сделал несколько других приложений, где этого никогда не было проблема, но я не думаю, что сделал что-то иначе.