修复了背景附件，图像宽度相对于容器宽度

Question

这是我的代码：

body {
max-width: 1400px;
margin: 0 auto;
}

section {
    background-image: url(image.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    height: 575px;
}

最终发生的事情是所显示的背景图像仅为1176像素宽，而不是1400像素宽。当我设置为background-size：cover时，图像宽度为1400px，这就是我想要的，但是图像会拉伸屏幕的整个宽度，但只能看到1400px。部分图像被切掉。基本上我需要图像宽1400像素，但也要缩放图像，这样它就不会在两侧切割它。

为了让脚本与stellar.js一起正常工作，我需要有背景附件：固定在那里。

我添加了一个示例 - http://jsfiddle.net/9a7wegkh/（由于jsfiddle窗口大小，最大宽度设置为300px，但同样的想法）