jquery - 如何使用 jQuery 设置背景图像高度？

Question

我希望我的背景图像能够填充正在查看的窗口的高度。显然我不知道这个值，因为它是可变的。我知道可以使用 jQuery 做我想做的事情，但是在搜索 SO 和 google 大约一个小时后没有找到我的问题的答案后，我放弃了并决定改为询问。

我设置了背景图像来覆盖它包含的 <div>使用CSS。

如何实现我想要的结果？

Answer 1

根据窗口高度使用Jquery背景图片 查看代码片段

  

$(document).ready(function () {
     var winHeight = $(window).height();
     $('.window-height-bg').css('height', winHeight + 'px');
});

   

 body{
      margin:0px;
     }
    .window-height-bg {
       width:100%;
       background:red url(http://i67.tinypic.com/2mqj1iq.jpg) no-repeat;
       background-size:100% 100%;
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div class="window-height-bg">
</div>