css - How to make a div disappear on hover without it flickering when the mouse moves? -
i've seen answers suggesting display:none
on :hover
css. makes div flicker when mouse moving.
edit: added jsfiddle
display:none
take element out of render tree, loses :hover
state immediately, reappears , gets :hover
again, disappears, reappears, etc...
what you need is:
#elem { opacity:0; filter:alpha(opacity=0); }
it leave place empty, no flickering appear. (demo or yours updated)
Comments
Post a Comment