Avoid "mixture" of color when scrolling

Seems to be a Mac only issue.

I noticed that in in some colors (light ones mainly) when you scroll the browsers, the color mix up and form another one*

What do I mean:

See this list on wikipedia.

When you scroll up and down, the pink squares turn yellow.

Here is an isolated example.

I find this sort of annoying (Maybe because it's friday).

I also noticed that with other more opaque colors this doesn开发者_开发知识库't happen or is not noticeable.

Has this problem any solution?

Is it a poor choice of colors for web design or is it a browser error?

Does it happen in all browsers?

Thanks in advance!!

*Tested in Chrome and Safari (Mac).

Sory I can't show any screenshots because this happens while scrolling, and can't record it either cause the definition (or fps or smth) is not enough - the problem is quite subtle.

Does this "mix-up" persist when you stop scrolling?

If not, it may be an optical illusion - and you will see it in every browser, as long as it's redrawing its viewport quickly enough. Unless you can rewire the brains of your users, there is indeed no solution to that - it's just an artifact of human optical signal processing.

If, however, the "mix-up" stays mixed up when you stop scrolling, you may have encountered a browser bug (a strange one, as Webkit-based browsers usually give very similar rendering across platforms).

I can tell you that it doesn't happen in Chrome or Firefox on Windows 7, but does happen in Internet Explorer (though I'm not sure I would have noticed if I hadn't been specifically looking for it), so likely a browser/OS issue.

The solution would probably be to choose colours that this isn't a problem with.