无法将背景图像加载到html/css中的div

无法将背景图像加载到html/css中的div,html,css,reactjs,Html,Css,Reactjs,我有这个问题已经有一段时间了。我正在使用reactjs并尝试向div标记添加背景图像 <div className="ficon"></div> 问题是,当url地址是http或来自internet时,它可以工作,但当它在我的计算机中是本地的时,它就不能工作。我尝试使用相对路径,但也不起作用。它编译时没有任何错误或警告,只是不显示图像。我知道url是正确的,因为当我将其用作图像时,它会工作 <img src="/Users/anthonychoi98/Docume

我有这个问题已经有一段时间了。我正在使用reactjs并尝试向div标记添加背景图像

<div className="ficon"></div>
问题是,当url地址是http或来自internet时,它可以工作,但当它在我的计算机中是本地的时,它就不能工作。我尝试使用相对路径,但也不起作用。它编译时没有任何错误或警告,只是不显示图像。我知道url是正确的,因为当我将其用作图像时,它会工作

<img src="/Users/anthonychoi98/Documents/GitHub/portfolio/src/images/folder-icon (1).png"/>

提前谢谢

您是否尝试过使用图像文件的相对路径?例如:

<img src="src/images/folder-icon (1).png" />

也考虑从文件名中删除空间。

你可以增加高度和宽度而不是最大高度和最大宽度吗?不确定你的意思,但是改变它的高度/宽度不会改变任何东西;可以你能像这样更改你的链接吗?“../src/images/folder icon 1.png”?
<img src="src/images/folder-icon (1).png" />