White flash/blink on hover with Chrome

I have a rather strange problem on a site I designed. Every time you hover in or out of a link, the link element and in some cases its parent flashes white quickly. This happens on every link, not just the ones with transition effect or different hover color. On FF, everything works just fine. Also the white is not the bgcolor of body.

What makes it even more mysterious is that I haven't done any changes to the site. I only updated Chrome..

I would post an image too but as I am a new user I'm not allowed to, gotta do it as a link: http://www.planetoidi.com/temp/hover.jpg

Answers


This is caused by a large class of bugs in Chrome which show a flash (white or black, depending on the bug) when transitioning to or from accelerated rendering. This can happen on hover when there is a CSS transition from the non-hover state.

A workaround is to ensure that the base state of the element is using accelerated rendering. One way is to add the following rule for your element (without the :hover selector):

-webkit-backface-visibility: hidden;

Source: http://www.sitepoint.com/fix-chrome-animation-flash-bug/


Need Your Help

{ message: 'Unsupported post request. ,, type: 'GraphMethodException', code: 100, fbtrace_id: 'HHiDmF0kcZP' }

node.js facebook-graph-api

This is my server.js file. I want to post a message on my facebook wall but when I am running this server.js I am getting the following error.

PayPal IPN | Drop Down Questions

php session post paypal

On my PayPal IPN I had to change $_POST['item_name'] to $_POST['item_name1'] aswell as $_POST['item_number'] to $_POST['item_number1'] while testing in Sandbox IPN. I was wondering if I need to keep