为什么我的背景图片不起作用？

Question

我一直试图解决这个问题几天。我的背景图像没有显示，但图像大小（空白区域）显示。 这是我的代码 HTML

<div id="contact">
<p>Let talk! contact us via e-mail, phone or text coming soon</p>
</div>

CSS

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

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

body{
background-color: #dddddd;
}

在我的css表的开头，背景图片位于＆＃34; body＆＃34;。 在此先感谢您的所有帮助，非常详细的答案是首选。

Answer 1

你可以做两件事........第一件事改变图像位置并保存你保存html文件的地方...... 第二件事

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

使用这个你的错误就是你使用正斜杠它会反向斜线..

Answer 2

您必须在路径中使用file:///。如下所示

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

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

Answer 3

你犯了大刀阔斧的错误请放回斜线＆＃34; \＆＃34;

错误的： URL（＆＃34; C：\用户\奥马\图片\ notaryweb / redphone.JPG＆＃34）

正确的： URL（＆＃34; C：\用户\奥马\图片\ notaryweb \ redphone.JPG＆＃34）

并确保您在此路径上有图片。

Answer 4

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

Answer 5

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

此外，您应该将height: 105%从百分比更改为height: 105px。