CSS 图片可以在 Chrome 上使用 Brackets Live 视图，但不能在其他浏览器上使用
CSS images work with Brackets Live view on Chrome but not on other browser
我的 css 有问题。我的所有 css 适用于所有浏览器，但所有背景图像均未加载。以及我的图标文件，它实际上链接在 HTML header.
在实时视图模式下的括号文本编辑器中（实时视图仅在 chrome 中打开）我看到了图标和图像，但在其他情况下，例如只需打开 html 文件到任何浏览器，包括Chrome、none 个图像有效。
我真的不明白这笔交易是什么，但首先猜测会是路径，但我不认为是那样。
示例：
.container{
background-image: url("lib/css/img/cityscape.jpg");
}
我试过单引号和双引号以及没有引号。我尝试缩短相对路径，但也没有用。
对为什么我的图像只能在 Brackets 文本编辑器的实时预览中工作有什么建议吗？
谢谢。
刚回来处理这个问题，但问题似乎出在 css 文件中的路径位置。它不够相关，也许有人可以解释为什么它比我更好。
/*This works by putting the period in front of the path*/
background-image: url('./img/banner.jpg');
/*What didn't work*/
background-image: url('lib/css/img/banner.jpg')
句点称为点段
我在这里找到了一些信息：
What does a dot mean in a URL path?
但是我仍然不清楚为什么括号编辑器中的实时视图允许我看到图像。我认为这与实时视图的工作方式有关，即在某个随机端口上本地托管网站，而不是直接从文件夹中打开文件。
我希望在推送到远程服务器时这不是问题。
我的 css 有问题。我的所有 css 适用于所有浏览器，但所有背景图像均未加载。以及我的图标文件，它实际上链接在 HTML header.
在实时视图模式下的括号文本编辑器中（实时视图仅在 chrome 中打开）我看到了图标和图像，但在其他情况下，例如只需打开 html 文件到任何浏览器，包括Chrome、none 个图像有效。
我真的不明白这笔交易是什么，但首先猜测会是路径，但我不认为是那样。 示例：
.container{
background-image: url("lib/css/img/cityscape.jpg");
}
我试过单引号和双引号以及没有引号。我尝试缩短相对路径，但也没有用。 对为什么我的图像只能在 Brackets 文本编辑器的实时预览中工作有什么建议吗？
谢谢。
刚回来处理这个问题，但问题似乎出在 css 文件中的路径位置。它不够相关，也许有人可以解释为什么它比我更好。
/*This works by putting the period in front of the path*/
background-image: url('./img/banner.jpg');
/*What didn't work*/
background-image: url('lib/css/img/banner.jpg')
句点称为点段
我在这里找到了一些信息： What does a dot mean in a URL path?
但是我仍然不清楚为什么括号编辑器中的实时视图允许我看到图像。我认为这与实时视图的工作方式有关，即在某个随机端口上本地托管网站，而不是直接从文件夹中打开文件。
我希望在推送到远程服务器时这不是问题。