Question

使用background-image时，我注意到它无法使用方向网页链接中的图片，如下所示：

body {
 background-image: url("http://www.example.comenter/2312.jpg");
}

但是如果我直接从文件夹目录链接它就可以正常工作：

body {
 background-image: url("C://Users/Jane/Desktop/2312.jpg");
}

为什么它不适用于网址链接？

Answer 1

使用URL链接可以正常工作：

body {
 background-image: url("http://via.placeholder.com/400x200");
}

Answer 2

实际上它有效，但你应该检查链接是否可用。

Answer 3

您可以这样使用：

body{
   background: url('http://www.example.comenter/2312.jpg');
}

如果不起作用，则以下链接没有任何图像，请尝试其他图像。

Answer 4

background-image属性指定要用作元素背景的图像。

只需检查您在网址中指定的链接可能是该路径不包含任何图片，或者请检查您要在网页中显示的图片路径。

＆＃13;

body {
  background-image: url('http://www.publicdomainpictures.net/pictures/130000/velka/pink-simple-background.jpg');
}

＆＃13;

<html>

<head>
</head>

<body>
  <h1 style="color:white">Hello World</h1>
</body>

</html>

＆＃13;