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

How do you change vbulletin's home page to the forums instead of the default (CMS or Activity Stream)? -

c++ - Troubles when compiling phash program -