如何从远程网站放置背景图像路径?

时间:2017-11-14 09:23:50

标签: html css

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

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

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

然后如何将此图像添加到我的背景图像网址?

4 个答案:

答案 0 :(得分:1)

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

转到https://imgur.com/a/NbUpX - &gt;右键单击图像 - &gt;复制图像地址

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

Here您可以使用 background-image 找到一些文档。

请记住为你的div设置一个高度,因为在你的解决方案中将100%没有任何东西,所以这可以是一个解决方案:

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

答案 1 :(得分:0)

像这样更新图片网址

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

答案 2 :(得分:0)

打开图像路径,然后右键单击图像并单击&#34;复制图像地址&#34;。 然后在代码上粘贴地址。

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

答案 3 :(得分:0)

或直接在您的CSS中foreach ( $xml->channel as $channel ) { echo "title=".$channel->title.PHP_EOL; foreach ( $channel->item as $item ) { echo "pubDate=".$item->pubDate.PHP_EOL; // Extract the elements for taleo namespace $taleo = $item->children("urn:TBERss"); echo "taleo:reqId=".$taleo->reqId.PHP_EOL; } }

由于你需要网页的背景,它将成为身体属性的一部分,如(CSS):

&#13;
&#13;
background-image: url("https://i.imgur.com/QdMWFHZ.jpg")
&#13;
&#13;
&#13;

您可以对其进行测试here