html - css 背景图像未在 chrome 中显示,但在 atom 实时服务器上工作
问题描述
在我的项目中,图像未在 chrome Web 浏览器中显示,但在 atom 实时服务器中正常工作,图像位置 - \Documents\myapp\images CSS 文件夹位置 -\Documents\myapp\style.css
这就是我指导图像的方式 - background-image:url('../images/img1.jpeg');
解决方案
代替
background-image:url('../images/img1.jpeg');
采用:background-image:url('images/img1.jpeg');
您的 CSS 文件位于\Documents\myapp\style.css
其中,图像文件位于其中,您不必使用\Documents\myapp\images
从文件返回父文件夹CSS
../
推荐阅读
- javascript - 没有重载匹配此调用。最后一个重载在打字稿中给出了以下错误
- python - pytorch 无法使用 gpu
- node.js - TypeError:无法读取未定义的nodejs请求http的属性'0'
- r - 将字符串 2000 年 1 月 1 日上午 12:00 转换为 r 中的日期时间
- latex - Latex 缩进会为每个备用页面自动更改
- powerbi - Powerbi Desktop:如何在不选择每个项目的情况下进行过滤?
- javascript - 在数组中按特定顺序分配颜色
- javascript - 从 Array.prototype.indexOf.call 中排除某些元素
- java - Thymeleaf - 如何显示未包含在 th:text 中的文本
- wordpress - 如何创建简码以在页面部分显示 Custon Taxonomy 的术语及其图像?