Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
react js项目css中的图像路径_Css_Reactjs - Fatal编程技术网

react js项目css中的图像路径

react js项目css中的图像路径,css,reactjs,Css,Reactjs,基本文件夹结构为 节点\u模块,公共,src。 公用文件夹中的css文件public/styles.css 图像位于src/images/icon.png中 对于保存在localhost的公用文件夹中的css文件中的任何类,此图像的正确图像路径应该是什么 例如:.icon{background:url(../src/images/icon.png)不重复左上方 如果公用文件夹中有图像,则可以直接从中查看图像 请帮助此文件路径指向位于当前网站根目录下的images文件夹中的文件 .icon { b

基本文件夹结构为 节点\u模块,公共,src。

公用文件夹中的css文件public/styles.css 图像位于src/images/icon.png中

对于保存在localhost的公用文件夹中的css文件中的任何类,此图像的正确图像路径应该是什么 例如:.icon{background:url(../src/images/icon.png)不重复左上方

如果公用文件夹中有图像,则可以直接从中查看图像


请帮助

此文件路径指向位于当前网站根目录下的images文件夹中的文件

.icon { background: url(/src/images/icon.png) no-repeat left top;}

此文件路径指向位于当前文件夹中的“图像”文件夹中的文件

.icon { background: url(src/images/icon.png) no-repeat left top;}
.icon { background: url(../src/images/icon.png) no-repeat left top;}

此文件路径指向位于当前文件夹上方一级文件夹中的“图像”文件夹中的文件

.icon { background: url(src/images/icon.png) no-repeat left top;}
.icon { background: url(../src/images/icon.png) no-repeat left top;}

您的服务器只提供公用文件夹中的文件。因此,您必须将文件放入公用文件夹。在这种情况下,您可以使用./imagefilename.jpg或/imagefilename.jpg来获取文件。

您是否有任何实时链接..?抱歉。我在将图像复制到公用文件夹时没有任何公用链接。它按照此路径工作。public/styles.css ppublic/icon.png.icon{background:url(icon.png)no repeat left top;}有时不同测试用例的图像名称不受支持。因此请检查名称。