Question

我最近在所有项目中遇到过这个问题。基本上，如果我在我正在使用的浏览器中明确访问了链接，那么我在css中链接的背景图像只会显示。一旦访问了链接，它们就会毫无问题地显示出来。我一直在使用的所有图像都是我上传到imgur的图像。

最初我认为这可能是imgur的配置问题，但我已将所有共享选项更改为公开，并且仍然遇到同样的问题。

以下是显示问题的codepen链接，以下是我如何链接背景图片的示例。

.goStat{
  border:1px solid rgb(180,80,80);
  box-shadow:0px 3px rgb(100,100,100);
  background-color:rgb(180,80,80);
  background-image:url("http://i.imgur.com/zdUjxxq.png");
}

显示屏中应显示顶部红色按钮和三个底部气泡按钮，但除非您访问链接，否则不会显示任何图像。不知道为什么会发生这种情况，并且非常感谢一些澄清。

Answer 1

似乎禁止热连接＆＃34;。有几个网站不允许这样做，因为它被认为是交通盗窃＆＃34;。一个人将使用他们的带宽而不参考他们的网站，没有任何优势。

Answer 2

尝试添加background-repeat：repeat，如下所示：

`.goStat{
  border:1px solid rgb(180,80,80);
  box-shadow:0px 3px rgb(100,100,100);
  background-color:rgb(180,80,80);
  background-image:url("http://i.imgur.com/zdUjxxq.png");
 background-repeat:repeat
}`

听起来这是一个常见问题，如果上述解决方案不起作用，下面的两个主题可能会有所帮助。

why is the background image not showing here?

Imgur images not showing up in JSFiddle

有人可以帮我弄清楚我的背景问题吗？

2 个答案: