jQuery的淡入淡出元素不显示元素风格“知名度：隐藏”

我有一堆缩略图，我正在加载一个visibility: hidden;的风格visibility: hidden; 使他们都保持正确的布局。 一旦页面完全加载，我有一个jQuery的function，淡入淡出他们的风格设置为display: none; 但显然布局搞砸了。 有什么build议么？

inheritance人淡出线：

 $('.littleme').fadeIn('slow'); 

Answer 1

像这样添加一些调用链：

  $('.littleme').css('visibility','visible').hide().fadeIn('slow'); 

这将改变它display:none在淡入之前的1帧display:none ，再次占据该区域。

Answer 2

尝试使用不透明度和animate() ：

 $('.littleme').css('opacity',0).animate({opacity:1}, 1000); 

Answer 3

<span style="opacity:0;">I'm Hidden</span>

要显示： $('span').fadeTo(1000,1)

隐藏： $('span').fadeTo(1000,0)

该空间保存在DOM布局中

http://jsfiddle.net/VZwq6/

Answer 4

你不能使用fadeTo（duration，value）吗？ 肯定这样你可以淡入0和1，这样你就不会影响文档stream…

Answer 5

尝试匹配隐藏的元素？

$（ “littleme：隐藏”）淡入（）;