图像从浏览器视图中随机消失

Question

我刚刚开始学习 CSS，我需要你的帮助。

我开始编写代码，一切看起来都正确且漂亮，图像也就位。然后我暂停了 20 分钟，回到电脑，刷新浏览器，所有图像（两张图片）就从查看中消失了。

您能建议一下可能出现什么问题吗？

.logo-image {
display: block;
width: 6rem;
height: 6rem;
background-image: url(/resources/img/icons8-leaf-96.png);
background-repeat: no-repeat;
background-size: cover;
margin-right: 1rem;
opacity: 90%;

}

.banner {
background-image: url(/resources/img/banner-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding-top: 15rem;
padding-bottom: 15rem;
color: #4A6C6F;

}

如果我尝试这个，什么也不会改变：

background-image: url(resources/img/icons8-leaf-96.png);

谢谢！

我尝试删除然后添加“/”，尝试再次添加img，重新启动程序和浏览器，只再次出现1个img（徽标），但横幅bg是空的

Answer 1

我已经建立了一个类似于相同代码的结构，它对我有用。确保路径正确。此外，您可以在浏览器中检查该图像是否存在于 HTML 中。另外，请确保您的互联网连接速度没有中断。好像没有什么大问题