图像可以正常用作HTML <img/>但不能用于CSS背景图像我错过了什么？

Question

我对网络开发（自学）有些新意，我似乎无法克服学习如何在CSS上添加背景图像的困境。

我在HTML上添加了一个图像，它在Web浏览器上显示正常，但是当我尝试将相同的图像添加为背景图像时，它无法正常工作。我确定我错过了一些简单的东西，但到目前为止我无法弄明白。这是代码

这是我的HTML img代码，完全正常

<div class="pic"
<img src="C:\Users\omar\Pictures/applelogoretro.jpg.jpg" atl="happy"
style="width:85%; height:75%;"/>
</div>

背景图片HTML

<div class="backpic">
<p>This is the TEXT on my BackGround image</p>
</div>

CSS

.backpic{
background-image: url"C:\Users\omar\Pictures/applelogoretro.jpg.jpg";
}

为什么图像作为常规图像正常工作，但不能作为背景图像。你的答案越详细，它就越有助于我，感谢所有人！

Answer 1

可能会尝试检查语法，看看是否会这样做？

background-image: url("pathtoyourimage.jpg");

Answer 2

css中的url应该在括号内：

所以这一行 background-image: url"C:\Users\omar\Pictures/applelogoretro.jpg.jpg";

应为background-image: url("C:\Users\omar\Pictures/applelogoretro.jpg.jpg");

正如@Raptor和@YAHsaves指出的那样，你应该使用相对路径

Answer 3

尝试检查语法错误（＆gt;），看看它是否会执行此操作

     .pic{ background-image: url(ggg.jpg);  
  background-repeat: no-repeat;
 }