unsplash后台网址无法正常工作

时间:2017-05-14 06:38:45

标签: css

所以我在html页面上使用unsplash作为一些图像。每当我包含backgground网址时,我都没有在我的html页面中看到它。我从https://unsplash.com/

收到了我的照片

我只是找到一张图片右击复制图片网址并将其粘贴到我的身体背景网址中,但我没有看到任何图片背景我做错了什么?

while

2 个答案:

答案 0 :(得分:0)

使用background-image:而不是background:

答案 1 :(得分:0)

根据他们的API documentation,您的图片网址应采用以下语法

https://source.unsplash.com/{PHOTO ID}/{WIDTHxHEIGHT}

这是您问题中代码的修改形式

body {
    background: url(https://source.unsplash.com/vZlTg_McCDo/1600x900);
    background-size: cover;
}


#content {
    text-align: center;
    padding-top: 25%;
}