Chrome Version       : 58.0.3029.110 (Official Build) (64-bit)
URLs (if applicable) : http://dabblet.com/gist/20205b5fcdd834461e80
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
     Safari: OK
    Firefox: OK
         IE: ?

What steps will reproduce the problem?
(1) scroll the demo container

What is the expected result?
at the top of the container are 2 background linear gradients on top of each other. since they have different background-attachment properties, one gradient should scroll away while the other should stay.

What happens instead?
working as expected on screen with devicePixelRatio = 1
NOT working on screen with devicePixelRatio = 2:
on screen with devicePixelRatio = 2 just nothing happens during scrolling. all background gradient are keeping their initial position.

Please provide any additional information below. Attach a screenshot if
possible.
as said above, the only difference I can see, is devicePixelRatio.
my setup is a macbook pro 13,3 inch together with apple thunderbolt display 27 inch. using the same chrome window on each different display shows different results.
I've also attached a short demo file "background.html".
 

Deleted: background.html 3.0 KB

background.html 3.0 KB View Download