如何根據頁面上的 div 數量重復/傳播背景圖像？

Question

我知道 css 屬性background-size: cover; 和background-size: contain; 然而，盡管描述了它的用法，我似乎無法讓它按照我需要的方式工作。

目前，我正在手動調整背景圖像的覆蓋范圍，您可以想象這是非常不切實際的。 如何根據頁面上有多少個 div 來調整覆蓋率或重復？ 在移動視口上它特別需要。 當我在手機上向下滾動時，我想查看覆蓋到頁腳的所有 div。 如果我添加另一個 div（想想評論）背景圖像將被擴展。

body {
    background-image: url("bg.jpg");
    background-repeat: repeat;
    background-size: contain;
    height: 1000px;  /* <-- impractical way of adjusting coverage */
  }

我正在考慮一個 javascript 解決方案，但它不會很優雅，而是很麻煩。 是否有“內置”解決方案？

Answer 1

我需要做的就是替換行：

background-size: contain;
height: 1000px;

和：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

奇跡般有效。