你能帮我最大化我的图像背景吗？

Question

Image

我正在使用document.style

  document.body.style.backgroundImage = "url('okeball-HD.png')";
  document.body.style.backgroundPosition = '100% 100%';
  document.body.style.backgroundRepeat = 'no-repeat';
  document.body.style.backgroundSize = 'cover';

Answer 1

CSS技巧向您展示如何执行此操作： https://css-tricks.com/perfect-full-page-background-image/

有几种不同的方法可以做到这一点。

为图像设置div：

<div id="bg">
  <img src="okeball-HD.png" alt="">
</div>

然后设置样式：

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}