Question

我已尝试过所有内容，但图片仍未显示。使用Ubuntu。
我在Myproject文件夹中有一个名为html的文件夹。在Myproject我有两个名为Images的文件夹，其中我有我的图片，stylesheets我有我的所有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%;}

帮助我。感谢

Answer 1

似乎在本地计算机上的网页上使用以下代码正常工作。尽量检查你班级的特异性。另外，请检查您的图片网址是否正确。

确保您的CSS文件夹和Images文件夹位于同一位置，因为您的网址只能在这种情况下使用。

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

Answer 2

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

Answer 3

好的问题解决了！
问题是将Permission分配给Ubuntu中的图片。

Answer 4

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

尝试此操作后，确保在Bootstrap之后加载CSS并确保您的图像出现在提供的位置后，它肯定会有效。

没有显示的Jumbotron背景图象

4 个答案: