Html CSS背景url显示为括号的实时预览，但不显示'；当直接通过Chrome或Safari打开时不工作

我的代码在括号的实时预览中可以正常工作和显示，但在直接使用Chrome或Safari打开时不会显示

HTML 
<div class="jumbotron">
    <p>we develop <span>brands</span></p>
    <a href="">projects</a>
</div>

我只想在使用Safari或Chrome打开时显示我的背景图像

---

谢谢

括号live preview创建了一个本地服务器，该服务器正在将“/img/Creative…”解析为项目文件夹的根目录。在浏览器中打开HTML文件时，它会在硬盘根目录中查找“/img/Creative”

如果需要在没有服务器的浏览器中打开页面，则需要使用相对路径。因此，如果您的CSS文件位于“stylesheets/style.CSS”中，例如，您可以使用“./img/Creative”来引用您的图像

---

“./”将提升文件夹结构的级别。

您使用了错误的代码。 试试这个-背景图片：url（“paper.gif”）； 我知道你正在使用速记代码，但是试试这个。

---

另外，请始终将图像放在同一文件夹中，这样您就不必再次写入整个长地址。

检查图像是否丢失。

您不需要在

url（）中加引号。

括号hank jmcgriz，加上“./”就行了。我不知道是否正确，但据我所知，url的路径需要相对于.css文件而不是.html。@KevinD是的，路径必须相对于引用图像的文件。因此，如果您的

.html

和

.css

文件位于不同的文件夹中，那么它们将具有指向同一图像的两个不同路径。

CSS 

.jumbotron {
    display: block;
    width: 100%;
    height: 665px; 
    background: url("/img/Creative/bg-final.jpg") center no-repeat; 
    background-size: cover;
    padding: 0;
    margin: 0; 
}