时间戳

首页 > 解决方案 > 背景图像未显示在html页面中

html - 背景图像未显示在html页面中

问题描述

我是 html 的初学者，我正在尝试使用图像作为我页面的完整背景。我希望图像适合我的场景，这样我就不必向下滚动来查看图像的其余部分。我已经尝试过了，但图像甚至没有以 .

.html , .body{
  margin:0;
  height:100%;
}

#map{
  background: url("HTML_FILES/IMAGES/map.jpg");
  height:100%;
  width:100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
<div id = "map"></div>

我的文件夹结构如下：

PROJECT 
  HTML_FILES
      mypage.html
      IMAGES 
          map.jpg

感谢您帮助指导我加载图像并正确调整它。先感谢您 。

标签： htmlcssimage

解决方案

使用下面的样式来完成它。

body {
    background: url(HTML_FILES/IMAGES/map.jpg);
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

推荐阅读