如何用CSS设置固定背景？

Question

我在我的网站上设置了固定背景，但在放大和缩小时它并没有完全保持固定。

这是我要从中复制背景的站点：

放大和缩小可使背景完全固定。

请看我的：

放大和缩小会有所不同。

我的代码如下。这只会在主页上设置背景：

jQuery(document).ready(function(){

  if (top.location.pathname === '/')
  {
     jQuery("body").addClass("bodybackground");
  }

});

.bodybackground { 
    background: url('/media/import/background.jpg') no-repeat center center fixed;
}

谁能告诉我这是什么原因造成的？非常感谢您的帮助。

Answer 1

您需要添加background-size: cover;

.bodybackground { 
    background: url('/media/import/background.jpg') no-repeat center center fixed;
    background-size: cover;
}

Answer 2

根据需要使用 background-size: cover; 或 background-size: contain;。这应该可以解决它。

How to set a fixed background with CSS?