Question

我想给我的bg图片，包括高度和重量！但它只会让我设置一个值！有谁知道该怎么办？

$(document).ready(function() {
  function setHeight() {
    windowHeight = $(window).innerHeight();
    $('body').css('background-size', windowHeight, '100%');
  };
  setHeight();

  $(window).resize(function() {
    setHeight();
  });
});

Answer 1

将宽度和高度放在一个字符串中。第一个值设置宽度，第二个值设置高度。 .innerHeight()只返回一个值，因此您需要添加px。

 $('body').css('background-size', '100% ' + windowHeight + 'px');

Answer 2

我可以看到你想让你的背景图像填满整个身体。您可以通过css属性轻松实现此目的。

background-size: cover;

或

background-size: contain;

这是许多教程中的一个： https://css-tricks.com/perfect-full-page-background-image/

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

DEMO

JQuery CSS有两个值

2 个答案: