背景图片图片托管

Question

尝试拉入背景图片但在控制台中不断出现此错误

资源解释为图像但使用MIME类型text / html传输

图片是png

这是我的图片路径

h1 {
  background-image: url("http://imgur.com/pGM46FY")
}

Answer 1

您必须使用.png

的完整图片路径

在你的情况下，它将是

h1 {
  background-image: url("http://i.imgur.com/pGM46FY.png")
}

Answer 2

这是因为您的background-image网址不是图片，而是网页：

这是正确的：

h1 {
  background-image: url("http://imgur.com/pGM46FY.png")
}

图片网址通常以.png，.jpg，.gif

结尾

Answer 3

您的图片路径很可能设置不正确，例如相对于当前目录＆＃34; pics / myimage.png＆＃34;相对于网络根目录＆＃34; /pics/myimage.png"。

Answer 4

对象的MIME类型在发送数据时很重要。这有助于服务器或软件检测正在发送的文件类型。

因此，此消息表示对象（您的图像）被解释为图像。但是作为纯文本HTML页面发送。

MIME类型已更改为：text/html