背景不拉伸

Question

我有一个 jsfiddle。这真的只是在胡闹，但我无法让这个背景拉伸整个视口。我认为这与 jQuery 脚本中规定的 1000px 宽的背景有关，这是有道理的。但是将 div 设置为 100% w/h 无法拉伸该图像。

jsfiddle

提醒一下：基本上我想要一个大的渐变，它正在滚动页面并重新启动（jquery 会这样做），并且在它上面有一个叠加层，可以产生很好的效果。

Div 叠加非常简单：

<div id="wrapper">
    <div id="container">
        <div id="overlay" class="png-fix">
        </div>
    </div>
</div>

非常感谢大家！

Answer 1

请查看Background images: how to fill whole div if image is small and vice versa

有很多方法可以做到这一点。我建议您在提问之前进行研究。

Answer 2

这也是一个简单而动态的解决方案：

background: url(yourimagepath) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;