如何用CSS设置固定的背景？

Question

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

这是我要复制背景的网站：

http://triangl.com/

放大和缩小可以完全修复背景。

请看我的：

http://zoeyplayground-com.zoeysite.com/

放大和缩小的行为会有所不同。

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

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;。那应该解决它。