Question

我已将文件上传到我的git存储库中，并复制了链接并将其粘贴到此处。有什么方法吗？

html{
  background-image:url("https://github.com/vindhya97/images/blob/master/pinkbackground.jpg");
}

Answer 1

您需要使用此原始图像URL raw_background_img_src，因为您使用的URL不起作用。请参见下面的工作示例：

body { 
    background-image:url("https://github.com/vindhya97/images/blob/master/pinkbackground.jpg?raw=true");
}

<html>
</html>

Answer 2

您复制了页面链接，应该复制图像链接：

页面链接（错了）： https://github.com/vindhya97/images/blob/master/pinkbackground.jpg

图片链接（是的）： https://github.com/vindhya97/images/blob/master/pinkbackground.jpg?raw=true

或

https://raw.githubusercontent.com/vindhya97/images/master/pinkbackground.jpg

Answer 3

您只应使用raw link来成像：

body {
    width: 100%;
    height: 100%;
    background-image: url("https://raw.githubusercontent.com/vindhya97/images/master/pinkbackground.jpg");
}

Answer 4

您使用的网址（https://github.com/vindhya97/images/blob/master/pinkbackground.jpg）返回一个HTML页，其中包含（除其他信息外）目标图像本身。只需访问URL即可查看。我知道乍一看可能有点奇怪，但这就是GitHub的工作方式。因此，由于该网址实际上并未投放图片，因此您无法在背景上看到图片。

如果要获取图像本身而不是HTML页面，则必须访问图像的“原始” URL，即：https://raw.githubusercontent.com/vindhya97/images/master/pinkbackground.jpg 只需使用此URL即可代替原来的URL。

但是请谨慎使用将图像嵌入网页的方法。现在您的存储库已公开。但是，如果将Web应用程序部署在某个服务器上，然后将存储库设为私有，则访问Web应用程序的用户很可能看不到该映像。

我的CSS背景图片未显示

4 个答案: