Javascript 为什么我的背景图像不工作？

几天来我一直在努力解决这个问题。我的背景图像未显示，但图像大小（空白）显示。 这是我的密码 HTML

也不确定这是否重要，但我有

body{
background-color: #dddddd;
}

在我的css表单的开头，背景图像在“body”中。

---

提前感谢您的帮助，非常详细的答案是首选

你可以做两件事。。。。。。。。第一件事是更改图像位置和保存html文件的位置。。。 第二件事

#contact{
 background-image: url("C:\Users\omar\Pictures\notaryweb\redphone.JPG");
width: 100%;
height: 105%;
background-repeat: no-repeat;
} 

---

使用此选项您的错误是使用正斜杠，它将是反斜杠。

您必须在路径中使用

文件：//

。如下

background-image: url("file:///C:/Users/omar/Pictures/notaryweb/redphone.JPG");

---

另外，请确保文件确实存在。

您犯了斜杠错误，请将斜杠放回“\”

错： url（“C:\Users\omar\Pictures\notaryweb/redphone.JPG”）

正确： url（“C:\Users\omar\Pictures\notaryweb\redphone.JPG”）

---

并确保此路径上有可用的图片。

将图片保存在web的上下文路径中始终是一种更好的做法。最好在web中创建一个图像文件夹并使用它。这样做，也不需要您将正向斜杠替换为反向斜杠

您应该将C:\Users\omar\Pictures\notaryweb/redphone.JPG更改为C:\Users\omar\Pictures\notaryweb\redphone.JPG

---

此外，您应该将

高度：105%

从百分比更改为

高度：105px

确保图像存在于给定路径中。使用

背景图像：url（“C:\\Users\\omar\\Pictures\\notaryweb\\redphone.JPG”）。由于转义字符，您的字符串被更改为无效的
C:sersmaricturesotaryweb/redphone.JPG
。路径html代码在哪里？
#contact{
 background-image: url("C:\Users\omar\Pictures\notaryweb\redphone.JPG");
width: 100%;
height: 105%;
background-repeat: no-repeat;
} 

background-image: url("file:///C:/Users/omar/Pictures/notaryweb/redphone.JPG");