背景不伸展

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;