Question

我试图让HTML图像适合页面（整个身体），以便在添加更多内容（溢出）时自动拉伸。我不想要一个绝对定位的图像。我已经尝试了3天，但我无法让它发挥作用。

请仅使用CSS和HTML。

谢谢！

Answer 1

将html的高度设置为100%

body {
   background-image:url("path/myImage.jpg");
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

html {
    height: 100%;
}

Answer 2

body
  {
    background-image: url('path/to/image.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

 html
  {
     height: 100%;
  }

Answer 3

body {
   background-image: url("http://www.planwallpaper.com/static/images/HD-Wallpapers1_FOSmVKg.jpeg");
   background-size: 100%;
}

只有这么多代码就足够了

将图像作为背景图像，将其自身拉伸至页面末尾

3 个答案: