有没有一种方法只使用CSS来让背景图像在固定元素内滚动？

Question

我有两个固定的元素与背景图片，我想与页面滚动，没有元素滚动。这里的的jsfiddle：http://jsfiddle.net/3s3qu2yv/

有没有办法在纯CSS来实现这一目标？我知道有一种方法可以做到这一点，即javascript，但如果可能的话，我想尽量避免。

Answer 1

没有办法只用CSS来做到这一点，你需要的JavaScript。这个jQuery确切的说：

http://jsfiddle.net/3s3qu2yv/4/ - 更新，以更好地说明我要去的效果。

function scr() { 
    var scrolled = $(window).scrollTop(); 
    $('.fx').css('background-position', 'center -' + scrolled + 'px'); 
} 

$(document).ready(function() { 
    $(window).scroll(function(){ 
     scr(); 
    }); 
}); 

固定元件的背景不能与页面滚动中，如果不论背景附件设置为fixed或scroll因为元件本身不移动。

Answer 2

不知道你在这里问什么。看起来你已经在你的小提琴中完成了这个。

否则背景作为background-attachment属性，使得它与沿元件滚动。

这parralax网站常用。