jquery - 背景尺寸:封面；属性(property)

Question

每当背景图像发生变化时，我都需要它来覆盖主体。我正在使用 background-size: cover，但它似乎不起作用。

body {
   position: relative;
   margin-top: 60px;
   background-color: #000;
   font-family: 'Roboto Slab', serif;
   background: url(https://i.ytimg.com/vi/lECC6eQhnZo/maxresdefault.jpg); 
   background-repeat: no-repeat;
   background-position: center center;
   background-atachment: fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   transition: background 1s;

这是更改图像的 jQuery:

$("body").css("background", objects[newNum].img);

图像存储在数组(对象)中。

代码笔:http://codepen.io/Chantun/pen/WxXaGy?editors=0010

Answer 1

背景封面是正确的工作。默认高度:自动。使用 min-height: 100vh 作为主体。并将 margin-top 更改为 padding-top。

body {
  min-height: 100vh;
  padding-top: 60px;
}

Codepen