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

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

你是对的，但是某些视差效果是用 javascript 完成的..所以使用它..css 只用于样式..javascript 正在做动画