在用vue做一个练习的时候遇到一个问题,相同的路径,我将路径写在html中,就找不到路径,如图所示:
谷歌效果和报错,看下图:
background-image写在html中的效果
谷歌中的报错
神奇的是,我把这个background-image写在css中的时候路径就正常了,如下图:
写在css中
效果
之后,我还测试了相同路径写在img中,也是可以的,唯独写在html中的background-image出错。
还有就是,我之所以将background-image写在html中,是因为我最后要通过vue来动态构造这个路径。
当然,如果用img也没问题,只是我想知道这个问题的所在,和解决方案,希望大神的回答。
你写在css里获取到的真实图片路径是什么。?