lorsque le mouseout l'élément se déplace à l'endroit correct jquery

Question

je méde cette exp ridicule.

Demo

pourquoi lorsque le mouseover/out événement se produit, l'élément aller à un endroit diferent?

dans mon cas, j'ai un position: absolute; et d'autres css attr ensemble dans la durée, de sorte que, lorsque le mouseover arrive, la durée ont une fadeIn() normale, mais le mouseout, avec l'événement fadeOut(), a fait l'élément nouveau à l'autre position, comme la position 0 de absolute

pourquoi cela se produire?

Answer 1

Cela arrive parce que, fadeIn définissez la propriété d'affichage span élément à block quand il commence l'animation et la durée est un élément inline il devrait donc effectivement mis à « en ligne » à apparaître au bon endroit.

Answer 2

vous pouvez toujours le faire (Toggle Opacity):

http://jsfiddle.net/AdpAb/