定位并调整固定背景图像的大小以适合div

Question

我试图将固定背景图片正确地放入div中。 我想要图像

• 将其左边缘定位在div左边缘上，即使div位于自动边距
• 的宽度恰好是divs大小

这两点都有问题。

100％背景大小似乎与图像原始大小有关，而与div大小无关。也许包含在这里是正确的，但我无法在没有问题2的解决方案的情况下验证。

背景位置似乎与完整的浏览器视口有关，而与div无关。

我已经使图像具有适当的尺寸，因此在滚动时它应该足够高以覆盖可见区域。

这是一个jfiddle：https://jsfiddle.net/417u343f/3/ 正如你所看到的，图像的开头比div的开头更多，因此，它在div结束之前重复。

感谢您的帮助，我希望我的问题足够明确。

<div class="outer">
  <div class="test">
    <div class="test1">
    </div>
    <div class="test2">
  Text...
    </div>
  </div>
</div>

的CSS：

div.test {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: 250px;
}
div.test1 {
  width: 50%;
  height:100%;
  float:left;

  background-image: url('image...');
  background-attachment: fixed;
  background-size: contain;
}
div.test2 {
  width:50%;
  float:left;
}