css 背景图像未在 chrome 中显示，但在 atom 实时服务器上工作答案

【问题标题】：css background images are not showing in chrome but working on atom live servercss 背景图像未在 chrome 中显示，但在 atom 实时服务器上工作
【发布时间】：2018-11-19 03:31:12
【问题描述】：

在我的项目中，图像未在 chrome 网络浏览器中显示，但在 atom 实时服务器中正常工作，图像位置 - \Documents\myapp\images CSS文件夹位置-\Documents\myapp\style.css

这就是我指导图像的方式 - background-image:url('../images/img1.jpeg');

【问题讨论】：

能否上传您的浏览器控制台截图

标签： html css image background

【解决方案1】：

可能是缓存问题，请尝试在按住 shift 按钮的同时按 F5

【讨论】：

不，我猜它的跨域问题

【解决方案2】：

代替

background-image:url('../images/img1.jpeg');

使用：background-image:url('images/img1.jpeg');

您的 CSS 文件位于 \Documents\myapp\style.css 中，图像文件位于 \Documents\myapp\images 中，从 CSS 文件您不必使用 ../ 返回父文件夹

【讨论】：

非常感谢，它成功了，你能告诉我为什么上一个没有成功。
幸运的是，我碰巧跳过了那个目录部分???，是的，你是对的，他在父文件夹中有 css
使用../ 时，控件或搜索所需文件会转到您正在搜索的父目录。在您的情况下，它转到 myapp 并在那里搜索 images 文件夹，结果出错了。
@Rishabsharma '.. /' 会使浏览器在 'document' 文件夹中搜索 'images' 文件夹，因为您的 css 文件已经在 'myapp' 文件夹中
如果我的解释对您有帮助，如果您认为它对其他人有帮助，请将其标记为已解决。