html - 如何从远程网站放置背景图片路径？

Question

我需要从 Imgur 抓取图片到我的网页背景图片

 <div style="background-image:url(); width:100%; height:100%;" class="zoom" >

我的图片路径是https://imgur.com/a/NbUpX

那我怎样才能把这张图片放到我的背景图片 url 中呢？

Answer 1

需要复制正确的图片路径:https://i.imgur.com/QdMWFHZ.jpg

转到 https://imgur.com/a/NbUpX -> 右击图片 -> 复制图片地址

在此之后，您需要将其放入 background-image:url('https://i.imgur.com/QdMWFHZ.jpg');

Here你可以找到一些关于 background-image 使用的文档。

请记住为您的 div 设置高度，因为在您的解决方案中将 100% 为空，因此这可能是一个解决方案:

 <div style="background-image:url('https://i.imgur.com/QdMWFHZ.jpg'); width:100%; height:200px; background-size: contain; background-repeat: no-repeat;" class="zoom" >