Question

我有一个背景图片，我想在我的网站上使用它，但问题是我不能使它的任何尺寸的高度和宽度，请帮助我，请检查下面的代码

当前代码，代码＃1：haft而不是完整

body {
    background: url(http://localhost/wordpress/wp-content/uploads/2016/11/CHRISTINE-BACKGOURND.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /* background-size: cover; */
    height: auto!important;
    width: 100%!important;
}

代码＃2

body {
    background: url(http://localhost/wordpress/wp-content/uploads/2016/11/CHRISTINE-BACKGOURND.jpg) no-repeat center center fixed;
    background-color: white;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

我不能使它全宽和高:(请帮忙

Answer 1

html{
  width:100%,height:100%;
  }
body{ 
  background-image: url(https://i.stack.imgur.com/s0G3w.jpg);
  height:100%;
  width:100%;
  }

<body>
</body>

Answer 2

请试试这个

HTML

<body></body>

CSS

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

全高/宽背景图片

2 个答案: