有一个图像填充所有div（CSS）

Question

我的网站上有div，其宽度随窗口的宽度而变化，我想为这些div设置背景。当我在全屏（1920 * 1080）时，背景图像正是我想要的样子： 但是当我调整窗口大小时，我得到了这个： 我使用了background-size:cover;属性，但它似乎不起作用......

CSS：

.cleft1 {
    width: 33.333333%;
    height: 300px;
    display: inline-block;
    margin-right: 0;
    background-image: url('../img/aero.png');
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

Answer 1

你可以用它。我不确定它是否有用。尚未测试过。

   .your-div { 
      background: url(img.png) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
    }