I'm using a fixed background image for a site with the common background-attachment: fixed statement.
While it works, I do notice a slight choppiness in scrolling in browsers other than IE (Firefox, Chrome, Safari). It doesn't affect navigation, but the effect is noticeable enough to me that I'm trying to find a way to improve the smoothness of the scrolling while still retaining my fixed background. Are there any CSS tips or tricks I might be overlooking that could improve the scrolling or help optimize browser performance when it's dealing with a fixed background image? I've looked into jQuery as well but I don't know how to implement that and whether it will wind up solving one problem while creating another.
Thanks for any advice! (BTW, I tried resizing he image to a fraction of the size, but the same mild choppiness still results.)
I noticed some sites with fixed images scroll smoothly, while others having horrendous choppiness, and I can't seem to determine why that is. I DO know size doesn't seem to matter, in fact the site that scrolls smoothly was using 2 large images totaling 1 MB in size.