Webkit, Fixed PNGs and Scrolling = :(
For the past week or so I have come to the conclusion that there is large bug in the webkit rendering engine when it comes to setting a fixed background image on the body of a page.
The page become really jittery when scrolling. It seems webkit doesn’t like using fixed PNGs for backgrounds. Below is a video showing the problem.
I also tested removing webkit specific properties like box shadow and @font-face. None of these made a different.
So rule of thumb if you are going to fix an image to the background make sure its a JPG or GIF.
