Question

我想创建一个与此网站http://www.theshawcenter.com/#8987类似的透视滚动效果我已经尝试设置背景图像，然后覆盖白色背景，但它真的很草率，我无法让它正常工作。最好的方法是什么？

<body class="mainbackground">
<div class="container-fluid">

   <div class="row whiteheader"></div>
        <div class="row hair">
        </div>
   <div class="row white"></div>
</div>
</body>



.mainbackground{
background-image: url(../app/images/background.png);
background-repeat:no-repeat;
background-size:cover;
}
.hair{
opacity:.2;
}

.white{
background-color:white;
height:300px;
}

.whiteheader{
background-color:white;
height:10px;
}

这是我最新的。

由于

Answer 1

尝试使用透明而不是白色：）

    background-color:transparent;

透明区域，显示css中的部分图片

1 个答案: