滚动时更改背景图像

Question

我试图在仅使用CSS3滚动时更改背景图像，但我失败了。我需要帮助如何只在css3上做，而不是js。 我需要在滚动页面时将一个图像的背景不透明度更改为零，将另一个图像的背景不透明度更改为具有5个断点的1。但我不知道如何处理滚动。 会感谢帮助）

Answer 1

 jQuery(window).scroll(function(){
 var fromTopPx = 200; // distance to trigger
 var scrolledFromtop = jQuery(window).scrollTop();
 if(scrolledFromtop > fromTopPx){
    jQuery('html').addClass('scrolled');
 }else{
    jQuery('html').removeClass('scrolled');``
 }
 });

http://jsfiddle.net/pZrCM/