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

Question

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

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

  

.slide {background-attachment：fixed;宽度：100％;高度：100％;     位置：相对;填充：30像素;}

和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>

Answer 1

你是.main类应该有

  

身高：100％。

让内容完全展开。