Question

我的网站使用HTML和CSS提供视差效果。它可以在Firefox中按预期工作。工作，流畅，流畅。

我的困境是，当我在Chrome和IE中测试功能时，效果会变得不稳定，因此对眼睛非常疼。

我在网上看过，我只能找到JQ和JS修复程序。有没有办法只使用CSS？因为据我所知，没有地方可以证明如何做到这一点。

.slide1 {
    height: 40em;
    background: url(http://www.leejackson.com/wp-content/uploads/2014/03/placeholder.png) center; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

http://codepen.io/anon/pen/NGxBKQ

Answer 1

你是正确的方式，但一定的paralax效果是用javascript完成的..所以使用它.. css仅用于造型.. javascript正在做动画

在IE和Chrome中创建纯CSS平滑视差

1 个答案: