添加到CSS中div的背景图像不会显示在localhost中

Question

所以我使用CSS为div添加了一个背景图像。

.aboutUs {
background-repeat: no-repeat;
position: relative;
background-image: url(public/images/team.png);
text-align: center;
background-size: cover;
height: 310px;
margin: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-top: 20px;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}

但是，当我在localhost中打开它时，所有的图像(在HTML中(都会显示出来，但div背景没有显示出来。

在我的控制台中，它给了我这个错误

如果能提供帮助，我们将不胜感激！#happy编码！：D

Answer 1

检查目录的结构

folder
public
image
team.png
sub-folder
style.css
background-image: url(../public/team.png);

folder
public
image
..team.png
..style.css
sub-folder

background-image: url(public/image.png);
folder
public
image
..team.png
sub-folder
another-folder
..style.css  
background-image: url(../../public/image.png);

Answer 2

也许可以试试这个？

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

Answer 3

尝试将背景色添加到div中，看看您的风格是否有效。

Answer 4

从错误中可以清楚地看出，您的图像相对路径在这里是不正确的。

background-image: url(public/images/team.png);

检查你的文件夹结构，并相应地设置你的url。

Answer 5

试试这种风格

background: url('../../../images/animated-strawberry-image-0052.gif') center center no-repeat no-repeat;        
position: absolute;
width: 100%;
height: 100%;

检查你的图片网址是否正确