关于背景图占据整屏的问题

可以在body中用background-image的方法引用一张图片并使其占据整屏吗?我尝试用background-size 100% 100%,并让html和body 的height都为100%,但出来的效果确是
出现了滚动条。

  `body,html{
        height: 100%;
    }
    body {
        background-image: url(images/login.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }`

图片描述

阅读 3.4k
4 个回答

是不是你的图片太大了

新手上路,请多包涵

background-size:cover

body有margin..
body{margin: 0;}
F12看下嘛..

   body,html{
       width: 100%;
       height:100%;
       margin: 0;
       padding: 0;
   }
    body{
            background-image: url("1106914.jpg");
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题