图片未在css

时间:2018-06-04 14:12:55

标签: html css bootstrap-4

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

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

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

https://codepen.io/write/image-not-loading

1 个答案:

答案 0 :(得分:0)

也许试试

    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;

}

另外,请确保您拥有正确的图片路径