为什么背景图像不显示在这个简单的代码

没有在类中显示背景图像，我正在尝试通过给出图像的确切路径，也通过放置它的名称

.sat{
 height:auto;
 width:auto;
background-image:url(C:UsersMHCDesktopggg.png); 
}

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

请设置div的高度，例如

.sat{
background-image:url(C:UsersMHCDesktopggg.png); 
heigh:250px;
width:150px;
}

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

Point:1
为什么要使用本地文件系统?

似乎你可以只提供本地的图像名称，假设它是在同一个文件夹。

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

如果你还想使用本地文件系统，那就试试吧:

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

:
您的'div'仍然为空，因为背景属性不能包含任何高度或宽度。

所以你必须把内容或者你必须使用高度和宽度消费空间。

所以使用:

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

或

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

谢谢

background-image:url("C:UsersMHCDesktopggg.png");

你能提供更多关于你使用的服务器的信息吗?

你当然可以试试。

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

相关内容