Css Jumbotron背景图像未显示

我已经尝试了所有的方法，但是图像仍然没有显示出来。使用

Ubuntu

我在

html

文件夹中有一个名为

Myproject

的文件夹。在

Myproject

中，我有两个名为

Images

的文件夹，其中有我的图像，

样式表

中有我所有的CSS文件。

这是我的

CSS

代码：

.jumbotron{ background: url('../Images/image1.png');}

我已尝试了以下所有代码：

.jumbotron{ background-image: url('../Images/image1.png');}
.jumbotron{
     background-image: url(../Images/image1.png); 
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;}

帮我做这个。

---

谢谢

我在本地机器上的网页上的以下代码似乎工作正常。试着检查你们班级的特殊性。还要检查您的图像URL是否正确

确保您的CSS文件夹和图像文件夹位于同一位置，因为您的URL只能在这种情况下工作

.jumbotron{
background-image: url('../ipadvertical.png');
}

---

加载CSS文件的顺序是什么？ 确保您的自定义CSS在引导CSS后加载，否则可能会被覆盖。

确定问题已解决
问题是为

Ubuntu

中的图像分配

权限

 .jumbotron{ background: url(../Images/image1.png);}

试试这个，在确保CSS在引导后加载并确保您的图像出现在提供的位置之后，它肯定会工作。
它是正确的。在Bootstrap CSS.CSS和Images文件夹都在同一个目录下之后，我的自定义CSS正在加载。在我的机器上，相同的URL似乎工作正常。图像正在正确加载。为什么不通过JSFIDLE或其他方式共享代码呢。将使您对您的问题有更广泛的了解。还要检查图像是否已加载，但未通过chrome控制台显示。啊。好啊很高兴知道。这与问题中的代码完全相同，对吗？这里根本没有（../Images/image1.png）删除单个引号。即使我没有在Jumbotron中获得背景图像，但在删除引号（'）后，我得到了所需的结果。引号对于CSS url是可选的。看见