创建一页视差样式，封面背景答案

【问题标题】：Creating one page Parallax style, cover background创建一页视差样式，封面背景
【发布时间】：2014-01-19 23:50:04
【问题描述】：

我试图让我的背景覆盖页面以创建视差效果。它是目前唯一缺少的东西。每个“幻灯片” div 应该覆盖页面。这是显示问题的jsfiddle。

对于我的幻灯片，我使用的是 css 样式：

.slide { 背景附件：固定；宽度：100%；高度：100%；位置：相对；填充：30px;}

和 html

<div class='slide' id='slide1' data-slide='1' data-stellar-background-ratio='0.5'>
    <div class='container'>
        <div class='row'>
            <div class='col-md-6 slide-1-logo'>
                <img src="img/MCP-LOGO-64x55.png" class='mainimg'>
            </div>
            <div class='col-md-6'><h1> Welcome!</h1></div>  
        </div>
    </div>
    <a class='button' data-slide='2' title=''></a>
</div>

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

你的 .main 类应该有

身高：100%。

让内容完全伸展。

【讨论】：