Question

在课堂上不显示背景图片我正在尝试提供精确的图像路径，也可以放置它的名字

.sat{
 height:auto;
 width:auto;
background-image:url(C:\Users\MHC\Desktop\ggg.png); 
}

<html>
<head>
  </head>
<body>
<div class="sat"></div>
</body>
</html>

Answer 1

请为你的div提供一些高度，例如

.sat{
background-image:url(C:\Users\MHC\Desktop\ggg.png); 
heigh:250px;
width:150px;
}

Answer 2

如果它是一个空元素，height:auto;为0，因此您应该为元素指定高度和宽度

Answer 3

<强>点：1
为什么使用本地文件系统？

似乎您只能提供本地图像名称，假设它位于同一文件夹中。

background-image:url("ggg.png");//put image same folder of your file

如果您仍想使用本地文件系统，请尝试：

background-image:url("file:///C:/Users/MHC/Desktop/ggg.png");

<强>点：2
您的“div”仍为空，因为背景属性不能包含任何高度或宽度。

所以你必须加上内容，或者你必须使用高度和宽度来消耗空间。

所以使用：

<div class="sat">**Put any content**</div>

或

.sat {
  background-image:url("ggg.png"); 
  width: 100px; // your custom height
  height: 100px; // your custom width
}

由于

Answer 4

background-image:url("C:\Users\MHC\Desktop\ggg.png");

Answer 5

您能否提供一些关于您使用的服务器的更多信息？

你可以尝试。

body {
    background: url("file:///C:/Users/MHC/Desktop/ggg.png");
}