具有视差效果的图像尺寸问题

Question

我遇到背景附件问题：已修复。当我使用此属性时，图像大小会变大。

如何以正常比例保持图像尺寸，但使用视差效果。

代码：

<div class="full_width full-bg">
    <div class="contact-banner ratio4_1"></div>
</div>
<div style="margin-top:3rem;"></div>
<div class="full_width full-bg">
    <div class="contact-banner ratio4_1 parallax"></div>
</div>

演示：https://jsfiddle.net/squidraj/w7rxv5xj/embedded/result/

编辑：http://jsfiddle.net/squidraj/w7rxv5xj/

我想将图像尺寸保持为第一个但想要应用视差效果。

非常感谢任何帮助。提前谢谢。

Answer 1

为background-size: 100% auto类

设置.parallax

.parallax {
   background-attachment:fixed;
   background-size: 100% auto;
 }

---

福克：http://jsfiddle.net/r7oyxL92/