css控制背景圖像不隨滾動條的滾動而滾動

這幾天在寫一個demo,設置背景圖像，

background: url("../images/bg.jpg") repeat ;

在使用

$(window).scroll(function() {
    ....
});

監聽滾動條時，在google下正常運行，背景圖像沒有異常

在ie、360、火狐下滾動滾動條時，背景圖像一閃一閃的，很難受。

百度：說須要調顯示器的監視器的屏幕刷新頻率 > 70 Hz 。

但是個人電腦只有60Hz ，那麼問題來了，不少小夥伴的電腦或許跟個人同樣，那怎麼辦呢？通過多方查找，終於找到了這麼一個屬性

 background-attachment 屬性 原文是這樣講的

背景關聯

若是文檔比較長，那麼當文檔向下滾動時，背景圖像也會隨之滾動。當文檔滾動到超過圖像的位置時，圖像就會消失。

您能夠經過 background-attachment 屬性防止這種滾動。經過這個屬性，能夠聲明圖像相對於可視區是固定的（fixed），所以不會受到滾動的影響：

body 
  {
  background-image:url(/i/eg_bg_02.gif);
  background-repeat:no-repeat;
  
  }background-attachment:fixed

background-attachment 屬性的默認值是 scroll，也就是說，在默認的狀況下，背景會隨文檔滾動。

找到緣由所在，接下來就很愉快了，只須要把背景設置成

background: url("../images/bg.jpg") repeat fixed ;

說句題外話，之前在學css的時候，確定有學過這個屬性，但是沒放在心上，看來之後學東西仍是須要多思考。

那麼還有個問題，爲何在Google下沒問題呢？