JQuery CSS two values

JQuery CSS two values

本文关键字：values two CSS JQuery      更新时间：2023-09-26

我想给我的bg pic，既高度和重量与!但它只允许我设置一个值!有人知道该怎么做吗?

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

将宽度和高度放在一个字符串中。第一个值设置宽度，第二个值设置高度。.innerHeight()只返回一个值，所以你需要加上px。

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

我可以看出你想让你的background-image填充整个body。您可以通过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;
}
演示

相关文章：