Html 使用CSS时，我无法在网页的标题部分看到我的图像背景

我正在创建一个简单的网页，并试图在标题部分中放置一个图像作为背景。我在代码的CSS部分遇到了一些问题。我相信我在分配背景图像时使用了正确的代码，我的路径和图像名称都是正确的。我做错什么了吗

CSS部分：

header{
background-color: rgba(0, 0, 0, .5);
background-image: url("images/home.png");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
height: 300px;
margin: 0;
padding: 20px;
position: relative;

---

事实上，它在我的电脑上运行得很好，但我有一些建议，如果你已经尝试了，你必须尝试，因为你的代码是正确的，然后一定有另一个问题。 您应该正确地检查图像的路径和拼写，并且图像的扩展名是.png或其他什么，否则一切都是正确的

还有一件事，在header部分尝试一些其他css属性来检查它是否应用

---

我希望它能工作。

您的代码是正确的，但是url中可能有错误，请检查它，它肯定会工作的

---

下次编码时，我有一个建议给你，而不是%和px使用视口单元，比如vw和vh，因为这将帮助你使网页/网站响应更快。

欢迎使用堆栈溢出，尝试设置

背景尺寸：封面

，并确保路径正确。如果仍然不起作用，请尝试删除背景色以进行检查。@khali我尝试了您的建议，但仍然没有结果。我注意到的唯一一件事是缺少一个结束括号}但我不知道这是否是您没有粘贴的内容。你的CSS在这里测试时是有效的：你能显示项目的文件夹结构吗？@PaulBarlow嘿，很快跳进来检查我是否解决了你的问题，你喜欢我的建议，还是我需要改进我的技能和建议？谢谢你，尝试了你的建议，但仍然不起作用。尝试用另一种方式写剧本，效果很好。但问题是，如果我运行的是较旧版本的chrome或safari，问题是否会出现？哪个脚本？你在做SASS吗？是的，可能由于版本问题而出现问题。。嗯，它起作用了