图像上的 HTML 宽度 100% 未在整个页面上展开

Question

我有一张背景图片:

    <div style="background-image: url(images/Home/diamond.png); height: 2600px; width: 100%; border: 1px solid black;"></div>

在页面上，图像覆盖了整个中心和右侧，但不包括左侧。当我尝试将宽度设置为 100% 时，它并没有像我的其他 div 那样分布在整个页面上。如果这有帮助，则此 div 元素是 section 元素的子元素和许多其他多个 div 元素的父元素。

Answer 1

试试这个:

html { 
      background: url(images/Home/diamond.png) no-repeat center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }