javascript - webpack中background-image的图片路径问题
黄舟
黄舟 2017-04-11 11:44:03
[JavaScript讨论组]

在用vue做一个练习的时候遇到一个问题,相同的路径,我将路径写在html中,就找不到路径,如图所示:

谷歌效果和报错,看下图:

background-image写在html中的效果

谷歌中的报错

神奇的是,我把这个background-image写在css中的时候路径就正常了,如下图:

写在css中

效果

之后,我还测试了相同路径写在img中,也是可以的,唯独写在html中的background-image出错。
还有就是,我之所以将background-image写在html中,是因为我最后要通过vue来动态构造这个路径。
当然,如果用img也没问题,只是我想知道这个问题的所在,和解决方案,希望大神的回答。

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(3)
黄舟

你写在css里获取到的真实图片路径是什么。?

PHP中文网

因为你写的是相对路径

PHP中文网

昨天找到了相似的问题,忘记附上答案了
https://segmentfault.com/q/10...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号