css - Chrome does not redraw <div> after it is hidden -


i have divs show on hover, , hidden. however, in chrome (19.0.1084.56 m, windows xp) when unhover, chrome doesn't redraw them gone until scroll or resize window.

http://jsfiddle.net/y7ndr/3/

i aware modifications css fix problem, e.g. removing position or z-index , overflow properties, don't want that--the jsfiddle paired down full site need them.

can shed light on why redraw problem happening in chrome? have tips fix without messing css need?

clearly, webkit bug.

i found adding -webkit-transform: scale3d(1,1,1); fixes it:

http://jsfiddle.net/thirtydot/y7ndr/5/

i'm not sure if there downsides fix. guess works because inside webkit, different code used render 3d transforms.


Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -