jQuery .show（）让输入框颤抖

Question

我的代码：

$('input').hide().show(10000);

我已在Windows 7和Mac OS 10.7上使用Google Chrome 14测试了the jsFiddle。

输入框在动画结束时颤抖。这是一个错误还是预期的效果？

Answer 1

这不是我想的错误。事实是，浏览器通常无法设置输入元素的非整数 width或height，尝试舍入，例如height: 11.007252845381956px到height: 11px或12px。

按照以下方式vertical-align设置input { vertical-align: top; } 后，颤抖消失了：

height

因此，我可以假设振动来自浏览器无法确定（或舍入）line-height，{{1}}或影响垂直对齐的任何其他属性。

Answer 2

这可能是浏览器的错误。它“振动”了1000个持续时间，所以我认为这是与浏览器相关的错误

http://jsfiddle.net/pzP4Q/1/