html - 图像作为 HTML <img> 可以正常工作，但在 CSS background-image 上却不行 我缺少什么？

Question

我对网络开发(自学)有些陌生，我似乎无法克服学习如何在 CSS 上添加背景图像的困难。

我在 HTML 上添加了一张图片，它在网络浏览器上显示正常，但是当我尝试添加相同的图片作为背景图片时，它不起作用。我确定我遗漏了一些简单的东西，但到目前为止我还想不通。这是代码

这是我的 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");