时间戳

首页 > 解决方案 > 弹性容器的背景图像

html - 弹性容器的背景图像

问题描述

我正在尝试为弹性容器设置背景图像。然而，它似乎并没有出现。有谁知道为什么？谢谢。

CSS：

.sidebar { 
            display: flex;
            height: 710px;
            width: 30%;
            flex-flow: column wrap;
            align-content: center; 
            font-family: 'OpenSans, OpenSans-Regular';
            background-image: url("/images/IMAGE2.png");
            background-position: center; 
            background-repeat: no-repeat;
            background-size: cover; 
}

我没有看到任何错误，因为我已将其与在线示例进行了比较。身体有背景颜色，但它似乎不会影响其他图像。

标签： htmlcssbackground-image

解决方案

我猜你有一个文件夹来存储你的 CSS 文件和另一个来存储图像。如果是这种情况，您将必须转到父目录并..在正斜杠之前使用打开图像文件夹/。

background-image: url("../images/IMAGE2.png");

推荐阅读