html - 在网站固定高度设置背景图片

Question

在我的着陆页上，我想设置一个显示在确切部分的背景图片。我的设计目前是装箱的，所以我将背景图像设置为正文，因为我希望图像显示在整个宽度上(而不仅仅是在我设置的框宽度内)。

body {
  background-image: url("bg-image.png") !important;
  background-repeat: no-repeat;  
  background-attachment: fixed;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-origin: padding-box;
  background-position: 0 0;
  background-size: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1; 
  background-position: 0% 70%;  
}       

现在图像显示在我屏幕尺寸的 70% 上。我如何设置它总是出现在我整个首页的 70% 的位置？

如果我将其设置为 background-position: 0px 1200px;它不工作，也没有响应。

Answer 1

你可以试试这段代码:

body{
  background: url(image/bg.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  background-size: cover;
}

让我知道这是否是您想要的。