背景图片不出来
问题
正常图片的链接地址在浏览器即可访问,但有的图片的链接地址在浏览器打开后变成一个下载地址,会自动下载了这个图片。使用css3的背景图引入后,后者不显示,查看DOM会发现丢失了图片地址。
解决方案
在引用时给地址两端加上引号,即由
style={{ backgroundImage: `url(${recipe.menuImage})` }}
改为
style={{ backgroundImage: `url("${recipe.menuImage}")` }}