图像未在 css 中加载答案

【问题标题】：Image not loading in css图像未在 css 中加载
【发布时间】：2018-06-05 23:42:46
【问题描述】：

我在 bootstrap/css 中遇到问题。我想从源文件夹加载图像，我在 css 中输入了这段代码：

background: url('../img/home.jpg') no-repeat;

但它没有显示在我的主页部分中。

【问题讨论】：

【解决方案1】：

不妨试试

    background-size: cover;

或者正如 ZohirSalak CeNa 所说，调整包含背景图像的元素的大小，除非它是你的身体。

HTML

<html>
    <head>
        <title>Your Title</title>
    </head>
    <body class="your-class">

    </body>
</html

CSS

.your-class {

    background-image: url('../img/home.jpg') no-repeat;
    background-size: cover;

}

另外，请确保您的图片路径正确

【讨论】：

谢谢你的回答，我是初学者，所以我知道的很少。我尝试了你的建议，但没有奏效。我按照 Udemy 课程的说明做了所有事情，就像视频中的那个人一样，但图像仍然无法加载。
@PetarScepanovic 您的 CSS 文件是否正确连接到您的 HTML 文件？您的代码完全合法且有效，只需确保其连接正确并具有正确的图像路径
是的，一切都已连接。 html 或 css 的任何更改都可以在我的页面上看到。除了图像。它也有正确的图像路径。这很奇怪
你能用你的代码创建另一个codepen吗？我刚刚创建了一个 codepen 帐户
我从互联网（images.pexels.com/photos/370799/…）获得了一个随机图片地址并输入了网址，效果很好。你有你想使用的图像下载对吗？如果您现在这样做，请右键单击它并单击复制路径，然后将其粘贴到 url 中，试试看。如果它在网络上，您可以右键单击并获取图像地址并将其粘贴到 URL 中。告诉我这是否有效。