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

我试图让我的背景覆盖页面，以创建视差效果。到目前为止，这是唯一缺少的东西。每个“幻灯片”分区都应覆盖页面。下面是显示问题的示例

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

.幻灯片{背景附件：固定；宽度：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>

欢迎

您是。主类应该有

身高：100%

使内容完全伸展